当前位置:Gxlcms > JavaScript > jquery实现ajax提交form表单的方法总结_jquery

jquery实现ajax提交form表单的方法总结_jquery

时间:2021-07-01 10:21:17 帮助过:11人阅读

方法一:
代码如下:

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代码:
代码如下:


人气教程排行