jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
方法一: 
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表單的兩種方法小結(jié)(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答