AJAX успешная загрузка ответа на DIVS

Question

У меня есть три формы и с помощью этой функции jquery

$('form').submit(function() {
    $.ajax({
        type: $(this).attr('method'),
        url: $(this).attr('action'),
        data: $(this).serialize(),
        success: function(response) {
            $('#setInfo').fadeOut('500').empty().fadeIn('500').append(response);
        }
    });
        return false;
    });

для отправки данных формы, но с этой функцией я застрял при загрузке ответа на один конкретный div.

Данные, которые я отправляю, всегда имеют action = email , action = settings и т. Д. В зависимости от формы.

Так, как я могу использовать его для загрузки ответа настроек в другом div и электронной почты в другом div и всех других значений по умолчанию в текущем div.

Спасибо.

Answer 1

добавил идентификатор цели к тогда

var target = $(this).find('#target').val();

позже использовал код tvanfossons для загрузки

Answer 2

Вы можете использовать переменную javascript для захвата намеченной цели перед отправкой запроса через AJAX, а затем использовать содержимое этой переменной, чтобы определить DIV для заполнения при возврате запроса.

$('form').submit(function() {
    var target = $('#action').val();
    $.ajax({
        type: $(this).attr('method'),
        url: $(this).attr('action'),
        data: $(this).serialize(),
        success: function(response) {
            var div = $('#setInfo');
            if (target == 'settings') {
               div = $('#settings');
            }
            else if (target == 'email') {
               div = $('#email');
            }
            div.fadeOut('500').html(response).fadeIn('500');
        }
    });
        return false;
});

Примечание. Я также изменил его, чтобы задать HTML-код с ответом перед его замиранием, чтобы избежать возможности его "мигания".