下面小编就为大家带来一篇jquery的ajax提交form表单的两种方法小结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考

jquery的ajax提交form表单的两种方法小结(推荐)

方法一：

function AddHandlingFeeToRefund()

{

var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";

alert($('#formAddHandlingFee').serialize());

$.ajax({

type: "POST",

dataType: "html",

url: AjaxURL + '?Action=' + 'SubmitHandlingFee' + '&OrderNumber=' + $.trim($("#<%=this.txtOrderNumber.ClientID %>").val()),

data: $('#formAddHandlingFee').serialize(),

success: function (result) {

var strresult=result;

alert(strresult);

//加载最大可退金额

$("#spanMaxAmount").html(strresult);

},

error: function(data) {

alert("error:"+data.responseText);

}

});

}

方法二：

//ajax提交form表单的方式

$('#formAddHandlingFee').submit(function() {

var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";

alert($('#formAddHandlingFee').serialize());

$.ajax({

type: "POST",

dataType: "html",

url: AjaxURL + '?Action=' + 'SubmitHandlingFee' + '&OrderNumber=' + $.trim($("#<%=this.txtOrderNumber.ClientID %>").val()),

data: $('#formAddHandlingFee').serialize(),

success: function (data) {

var strresult=data;

alert(strresult);

//加载最大可退金额

$("#spanMaxAmount").html(strresult);

},

error: function(data) {

alert("error:"+data.responseText);

}

});

}

);

页面html代码：

以上这篇jquery的ajax提交form表单的两种方法小结(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考