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>
  • 相关阅读:
    C++中派生类使用基类成员的问题
    关于linux安装kettle的总结
    Servlet+JSP教程之:第一个Web程序
    Oracle开启和关闭的四种模式
    Android 图片设置圆角 方法之二
    Hive[6] HiveQL 查询
    JavaScript技巧45招
    JavaScript 权威指南第6版
    js 使用技巧
    Hive[5] HiveQL 数据操作
  • 原文地址:https://www.cnblogs.com/wangxusummer/p/4409057.html
Copyright © 2011-2022 走看看