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代码：

<form id="formAddHandlingFee" name="formAddHandlingFee" enctype="multipart/form-data" onsubmit="AddHandlingFeeToRefund（）"> <table id="AddHandlingFee" class="Wfill"> <tr> <td> <asp:Literal ID="UI_Amount" runat="server" Text="处理费用" meta:resourcekey="HandlingFeeAmount" /> </td> <td> <input type="text" id="txtHandlingFeeAmount" name="txtHandlingFeeAmount" class="{required:true,number:true}" maxlength="12" /> </td> </tr> <tr> <td> <asp:Literal ID="UI_HandlingFeeType" runat="server" Text="费用类型" meta:resourcekey="HandlingFeeHandlingFeeType" /> </td> <td> <crmweb:HtmlSelectControl ID="HandlingFeeType" EnumTypeName="DX.OMS.Model.Common.HandlingFeeType,DX.OMS.Model.Common" EmptyValue="" EmptyText="Select" runat="server" class="text {required:true}"/> </td> </tr> <tr> <td> <asp:Literal ID="UI_Notes" runat="server" Text="备注" meta:resourcekey="HandlingFeeNotes" /> </td> <td> <textarea id="txtNotes" name="txtNotes" class="text {required:true}" cols="22" rows="2" maxlength="100"></textarea> </td> </tr><tr> <td> </td> <td> <input id="Submit1" type="submit" value="添加处理费" /> <asp:Button ID="Button1" runat="server" Text="添加处理费" OnClientClick="javascript:AddHandlingFeeToRefund（）" /> </td></tr> </table> </form>

以上这篇jquery的ajax提交form表单的两种方法小结（推荐）就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。