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 enctype="multipart/form-data" onsubmit="AddHandlingFeeToRefund()"> <table> <tr> <td> <asp:Literal runat="server" Text="处理费用" meta:resourcekey="HandlingFeeAmount" /> </td> <td> <input type="text" maxlength="12" /> </td> </tr> <tr> <td> <asp:Literal runat="server" Text="费用类型" meta:resourcekey="HandlingFeeHandlingFeeType" /> </td> <td> <crmweb:HtmlSelectControl EnumTypeName="DX.OMS.Model.Common.HandlingFeeType,DX.OMS.Model.Common" EmptyValue="" EmptyText="Select" runat="server"/> </td> </tr> <tr> <td> <asp:Literal runat="server" Text="备注" meta:resourcekey="HandlingFeeNotes" /> </td> <td> <textarea cols="22" rows="2" maxlength="100"></textarea> </td> </tr> <tr> <td> </td> <td> <input type="submit" value="添加处理费" /> <asp:Button runat="server" Text="添加处理费" OnClientClick="javascript:AddHandlingFeeToRefund()" /> </td> </tr> </table> </form>

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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzpgfw.html