Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.09.2016, 16:01
Новичок на форуме
Отправить личное сообщение для RumusBin Посмотреть профиль Найти все сообщения от RumusBin
 
Регистрация: 12.09.2016
Сообщений: 1

Помогите разобраться с $(this).attr('name')
Всем боброго времени. Обратился за помощью, т. к. только недавно начал постигать php, а JS "зацепило" попутно.
Собственно вопрос:
есть страница моего учебного сайта. (как бы, интернет-магазин)
На этой страничке я "нарисовал" кнопку
<button class="by" name="7">Купить</button>

При нажатии на эту кнопку появляется форма (она на странице есть, но скрыта, а при нажатии появляется)(этот скрипт я в интернете нашел, из много подобных, ф думаю Вы вкурсе)
Заполняем форму и кнопкой на ней отпра
<input type="submit">

отправляем ajax запрос на сервер вот таким кодом:

$.post( // инициaлизируeм ajax зaпрoс
			     "/cart/checkoutAjax/"+id, // путь дo oбрaбoтчикa
                             {}, 
			    function(data){ // eсли всe прoшлo oк
		       			$().toastmessage('showSuccessToast', "Форма отправлена"); // пишeм чтo всe oк
                                        $('#modal_form').animate({opacity: 0, top: '45%'}, 200,  // плaвнo меняем прoзрaчнoсть нa 0 и oднoвременнo двигaем oкнo вверх
                                        function(){ // пoсле aнимaции
					$(this).css('display', 'none'); // делaем ему display: none;
					$('#overlay').fadeOut(400);});// скрывaем пoдлoжку
                                        
                            });

так вот дело в том, что перед тем как производить всю эту магию с появлениями и отправкой я инициализирую переменную
Код:
id = $(this).attr('name')
а потом привязываю (как видно) в строку запроса, что бы она передавалась.
Так вот эта переменная не определяется, не могу понять, как работает
Код:
$(this)
Это же имеется в виду весь документ на этой странице, или нет?
Ну, как то так изложил, буду благодарен за Ваши советы!
Ответить с цитированием
  #2 (permalink)  
Старый 12.09.2016, 16:41
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от RumusBin
$.post( // инициaлизируeм ajax зaпрoс
И как вызывается данные запрос, каким событием и кто его источник и что это такое {}, в запросе?

name="7" - это нечто
Ответить с цитированием
  #3 (permalink)  
Старый 23.09.2016, 18:39
Аспирант
Отправить личное сообщение для myshara Посмотреть профиль Найти все сообщения от myshara
 
Регистрация: 25.06.2012
Сообщений: 37

Доброго дня!

На сколько я смог понять вопрос RumusBin, он хочет получить с какого-то элемента атрибут 'name'.

Вот только беда в том, что он новичок. И, как у большинства начинающих, еще нет толкового понимания переменной this .

Так вот, в Вашем случае, уважаемый RumusBin, событие инициализирует кнопка 'submit', т.е. она и есть this. В приведенном коде у кнопки 'submit' отсутствует атрибут 'name', который Вы и хотите получить.

А если Вам надо 'name' не кнопки, а другого элемента, то его и надо определить селектором jquery или через javascript.

С уважением, myshara.

Последний раз редактировалось myshara, 23.09.2016 в 18:42.
Ответить с цитированием
  #4 (permalink)  
Старый 25.09.2016, 16:47
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Сообщение от RumusBin
а JS "зацепило"
Это не JS, а JQuery зацепило. Вот и ковыряй лайбу, вместо яваскрипта.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
помогите разобраться с this uroboros7 jQuery 4 02.01.2015 00:56
Помогите разобраться с калькулятором Maksim858 Ваши сайты и скрипты 1 27.12.2014 13:23
Получение ответа сервера через iframe и xhr. Помогите разобраться. Arconas AJAX и COMET 0 26.02.2013 10:38
Помогите пожалуйста разобраться Kupu4 Ваши сайты и скрипты 0 21.01.2010 10:44
Помогите разобраться с галереей IMAGIN yana_studio Общие вопросы Javascript 4 12.12.2009 17:24