html表单实现ajax,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",

success: function (data) {

var strresult=data;

alert(strresult);

//加载最大可退金额

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

},

error: function(data) {

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

}

});

}

);

页面HTML代码：

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！