zoukankan      html  css  js  c++  java
  • 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>

        </div>
  • 相关阅读:
    IO 单个文件的多线程拷贝
    day30 进程 同步 异步 阻塞 非阻塞 并发 并行 创建进程 守护进程 僵尸进程与孤儿进程 互斥锁
    day31 进程间通讯,线程
    d29天 上传电影练习 UDP使用 ScketServer模块
    d28 scoket套接字 struct模块
    d27网络编程
    d24 反射,元类
    d23 多态,oop中常用的内置函数 类中常用内置函数
    d22 封装 property装饰器 接口 抽象类 鸭子类型
    d21天 继承
  • 原文地址:https://www.cnblogs.com/jpfss/p/8329055.html
Copyright © 2011-2022 走看看