星空网 > 软件开发 > Java

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>

 




原标题:jquery实现ajax提交表单的方法总结

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

124家公司被查,案值220亿!一张报关单引出终极大案:https://www.goluckyvip.com/news/2104.html
巴拿马运河通行量再减!旺季遭遇史无前例物流难题!:https://www.goluckyvip.com/news/21040.html
TikTok Shop在印尼峰回路转,一场跨境电商的本土化考验?:https://www.goluckyvip.com/news/21041.html
25款TikTok Shop在线商店热销商品:https://www.goluckyvip.com/news/21042.html
TikTok等短视频平台广告投放对比及形式:https://www.goluckyvip.com/news/2105.html
东南亚电商竞争现状分析_东南亚电商的发展状况-跨境知道:https://www.goluckyvip.com/news/2106.html
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
在古巴做游轮 古巴旅游项目:https://www.vstour.cn/a/363194.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流