跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

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使用error调试错误的方法 jquery中ajax处理跨域的三大方式 jquery ajax提交表单数据的两种方式 jquery ajax例子返回值详解 JQuery的Ajax请求实现局部刷新的简单实例 JQuery AJAX提交中文乱码的解决方案 jquery ajax 向后台传递数组参数示例 JQuery处理json与ajax返回JSON实例代码 Jquery中ajax方法data参数的用法小结 jQuery AJAX应用实例总结

相关文章