方法一:
分别获取所需数据元素, 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){
- }
- });
- // 欢迎加入全栈开发交流群一起学习交流: 864305860
方法二:
需要包裹 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>
来源: http://www.qdfuns.com/article/51117/d4045a6894321b13e6597038cbd3d08e.html