Javascript ajax成功响应加载到divs

我有三个表单，使用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=电子邮件、action=设置等

因此，我如何使用它来加载另一个div中设置的响应和另一个div中的电子邮件以及当前div中的所有其他默认设置

---

谢谢。

在通过AJAX提交请求之前，可以使用javascript变量捕获预期目标，然后使用该变量的内容确定请求返回时要填充的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，以避免其闪烁的可能性。

随后添加了target的id

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

---

后来用tvanfossons代码加载

你搞错了。所谓数据，我指的是数据：action=email&user=name……如果要序列化表单，则需要一个名为action的输入，其值用于确定要加载的DIV。我不确定在给定代码的情况下如何填充此表单参数。