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>
  • 相关阅读:
    教会他人,让其成为你的接棒人
    2015年看的52部电影计划
    我的2015年读书计划,每两周读完一本书!
    拯救你的电脑之文件命名规范与目录规划
    出租WiFi到底靠不靠谱?
    使用观察者模式更新Fragment的内容
    android静默安装和智能安装(转)
    Android拨打电话不弹出系统拨号界面总结
    Android通过AIDL和反射调用系统拨打电话和挂断电话
    Android设为系统默认的短信应用
  • 原文地址:https://www.cnblogs.com/wangxusummer/p/4409057.html
Copyright © 2011-2022 走看看