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