Jquery $.post 和 $.ajax 之间的区别

发布于10月10日

Curious if anyone knows what the difference is in regards to the data parameter.

我有一个$.post方法，它以$('#myform').serialize()作为我的数据参数，并且有效.

如果我使用$.ajax()方法try 同样的方法，它将不起作用，因为我的数据参数似乎不正确.

Does anyone know the difference and what I might use instead of the above .serialize?

推荐答案

在重新阅读了一些在线文档后，我决定继续使用$.超过美元.AJAX

美元.ajax方法的数据参数与$不同.post方法不确定具体是什么，但有区别.

我想使用$.ajax的唯一原因是我想要能够处理事件，而没有意识到我可以使用$.post做到这一点.

Here is what I ended up with

function GetSearchItems() {
    var url = '@Url.Action("GetShopSearchResults", "Shop", New With {.area = "Shop"})';
    var data = $("#ShopPane").serialize();
    // Clear container
    $('#shopResultsContainer').html('');
    // Retrieve data from action method
    var jqxhr = $.post(url, data);
    // Handle results
    jqxhr.success(function(result) {
        //alert("ajax success");
        $('#shopResultsContainer').html(result.ViewMarkup);
    });
    jqxhr.error(function() {
        //alert("ajax error");
    });
    jqxhr.complete(function() {
        //alert("ajax complete");
    });

    // Show results container
    $("#shopResultsContainer").slideDown('slow');
}

JQuery 3.x个

jqXHR.Success()、jqXHR.error()和jqXHR.Complete()回调从jQuery 3.0起，方法被删除.您可以使用jqXHR.one()，而是jqXHR.ail()和jqXHR.Always().

var jqxhr = $.post(url, data);
// Handle results
jqxhr.done(function(result) {
    //alert("ajax success");
});
jqxhr.fail(function() {
    //alert("ajax error");
});
jqxhr.always(function() {
    //alert("ajax complete");
});

https://api.jquery.com/jquery.post/