Несколько ajax форм на странице

[Alexei91]

Привет, подскажите ответ на такой вопрос. Есть несколько форм на одной странице, которые обрабатываются таким кодом, письмо отправляет, но в success возвращает код первой формы на странице. Подскажите как можно в success выбрать именно ту форму, по которой был сделан сабмит?

$('.popular__buttons').ready(function () {
    $(document).on("submit", ".popup__form", function (e) {
        e.preventDefault();
        var m_method = $(this).attr('method');
        var m_action = $(this).attr('action');
        var m_data = $(this).serialize();
            $.ajax({
                type: m_method,
                url: m_action,
                data: m_data,
                success: function (result) {
                    var data = $(result).find('.popup').html();
                    $('.popup').html(data);
                    $('.popup__close').click(function () {
                        $('.popup').hide();
                    })
                }
    });
    });
});

[ksa]

как можно в success выбрать именно ту форму, по которой был сделан сабмит?

Например воспользоваться замыканием и "передать" в обработчик ссылку на ту форму.
Только и обработчик придется переписать, т.к. в нем нет никакой "привязки" к форме...

[Alexei91]

к сожалению обработчик трогать не в коем случае нельзя.
эх...как бы было просто

success:$(this).ready( function (result) {
                    var data = $(result).find('.popup').html();
                    $('.popup').html(data);
                    $('.popup__close').click(function () {
                        $('.popup').hide();
                    })
                });

сорри за оффтоп, не первый раз с этой проблемой сталкиваюсь и не представляю как решить

[laimas]

Подскажите как можно в success выбрать именно ту форму, по которой был сделан сабмит?

$(this) до $.ajax чем не устраивает?

[Alexei91]

в success всё равно перезагружает всю страницу и находит элемент с первым попавшимся классом и естественно эти данные подставляет. А мне нужны данные именно этой формы

[laimas]

$(document).on("submit", ".popup__form", function (e) {
    e.preventDefault();
    var f = this //запомнили текущую форму
    ......
    success: function (result) {
        //f никак не будет равна иной форме
        //а перезагрузка страницы может быть только в том случае
        //если это сделать принудительно, ибо -  e.preventDefault();

Разберитесь с логикой кода своего.

[Alexei91]

Вот никак не выходит как Вы говорите. Конечно ясно, что я что-то не понимаю. Но как я понимаю логику. Отправляем данные по клику, после этого получаем их в

success: function (result) {

. После этого находим полученные данные, которые выдал обработчик

var data = $(result).find('.popup').html();

- если есть ошибки в заполнении, значит неудачная отправка, если нет текст благодарности и вставляем вместо моей формы

$('.popup').html(data);

. Но я ищу форму уже в результате, который вернул сервер и тут я не могу понять как найти именно ту форму, которую я отправил и именно в ту, которою отправил.

[laimas]

Ничего не понятно:

что возвращает result?

[kostyanet]

Отправляем данные по клику, после этого получаем их в
success: function (result) {

. После этого находим полученные данные, которые выдал обработчик
var data = $(result).find('.popup').html();

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

Интерактивность в норме такова: скрипт делает запрос - браузер его посылает серверу - сервер отвечает - браузер передает скрипту - скрипт разбирается что ответил сервер - разобравшись скрипт отдает данные функции которая куда-то их применяет. Конец.

Что значит "После этого находим полученные данные"? если искать ничего не надо - все что получено находится в суксессе и другого ничего не может быть получено иным путем.

Почитайте как устроен аякс. Похоже придумали какое-то свое мировоззрение на эту технологию и пытаетесь его на практике продолбить.

Кстати сервер НЕ должен отгружать аяксом форму, хтмл формы - это бред. Форма уже есть, ранее получена при загрузке страницы или нарисована скриптом. Сервер отдает только данные - чисто для подтверждения что все прошло ок или были проблемы.

Как вы сделаете это - особыми переменными в json (само собой сервер должен отдавать такое в json), или статусами из заголовков - не важно. Важно уметь различать ОК и сообщение об ошибке и выводить сообщение.

Чтобы страница перегрузилась после ОКей надо это сделать принудительно через location. Если адрес другой - то передать его в жисоне же.

[kostyanet]

Нашел пример, корявый, давно писан, но суть передает.

link_onload = function(res) {
			
		try {
			if(res.status!=200)
				throw res.status+' '+res.statusText;
				
			var data=JSON.parse(res.responseText);

			/* redirect */
			if(typeof data.Location!==U) {
				W.removeEventListener('beforeunload',saving_tip,false);
				return W.location.assign(data.Location);
			}
			/* update some elem */
			else if(typeof data.element_id!==U) {

/* далее идут проверки на что еще годится респонзе */