• jquery实现ajax提交表单的方法总结


    方法一:

    分别获取所需数据元素,DOM结构外层不用包form标签(适用于数据量少,数据元素分散于整个页面)

    $.ajax({
      type: 'POST',
       url:'',
       data: {
            residence:[$('#region_1').val(),$('#region_2').val(),$('#region_3').val()],
            address:$('#address').val()
       },
       dataType: 'json',
       success: function(data){
       },
       error:function(err){
       }
       });

    方法二:

    需要包裹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);
                         }
                    });
            }

    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>
  • 相关阅读:
    json和pickle模块
    53. 最大子序和
    69. x 的平方根
    leetcode刷题周记【2020.9.21-2020.9.26】
    推荐学习 Java 的地方
    5、SpringBoot:配置文件及自动配置原理
    4、SpringBoot:运行原理探究
    3、SpringBoot:helloworld
    2、SpringBoot:什么是微服务
    1、SpringBoot:什么是SpringBoot
  • 原文地址:https://www.cnblogs.com/gxp69/p/7091186.html
Copyright © 2020-2023  润新知