关注微信公众号

jquery的ajax提交form表单的两种方法小结(推荐)

转载  更新时间：2016年05月25日 10:02:19   投稿：jingxian  

下面小编就为大家带来一篇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表单的两种方法小结(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具