下面小編就為大家?guī)?lái)一篇jquery的ajax提交form表單的兩種方法小結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考

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);

         }

      });

  }

);

頁(yè)面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="處理費(fèi)用" 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="費(fèi)用類型" 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="添加處理費(fèi)" />

       <asp:Button ID="Button1" runat="server" Text="添加處理費(fèi)" OnClientClick="javascript:AddHandlingFeeToRefund()" />

     </td>

   </tr>

 </table>

 </form>

以上這篇jquery的ajax提交form表單的兩種方法小結(jié)(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考