zoukankan      html  css  js  c++  java
  • jquery实现ajax提交form表单的方法总结

    转自:http://www.jb51.net/article/47504.htm

    serialize()

    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);
                         }
                    });
            }
        );
          <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="添加处理费"  />
                                    <input type="button" value="添加处理费" onclick="AddHandlingFeeToRefund();" />
                                </td>
    
                            </tr>
                        </table>
                        </form>
  • 相关阅读:
    June. 26th 2018, Week 26th. Tuesday
    June. 25th 2018, Week 26th. Monday
    June. 24th 2018, Week 26th. Sunday
    June. 23rd 2018, Week 25th. Saturday
    June. 22 2018, Week 25th. Friday
    June. 21 2018, Week 25th. Thursday
    June. 20 2018, Week 25th. Wednesday
    【2018.10.11 C与C++基础】C Preprocessor的功能及缺陷(草稿)
    June.19 2018, Week 25th Tuesday
    June 18. 2018, Week 25th. Monday
  • 原文地址:https://www.cnblogs.com/wangxusummer/p/4409057.html
Copyright © 2011-2022 走看看