这次给大家带来jquery+ajax提交form表单方法总结，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($("#").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($("#").val()),
data: $('#formAddHandlingFee').serialize(),
success: function (data) {
var strresult=data;
alert(strresult);
//加载最大可退金额
$("#spanMaxAmount").html(strresult);
},
error: function(data) {
alert("error:"+data.responseText);
}
});
}
);
页面html代码：
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
