200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > jquery的ajax提交form表单方式总结

jquery的ajax提交form表单方式总结

时间:2022-06-22 11:00:34

相关推荐

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" οnsubmit="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.mon.HandlingFeeType,DX.mon" 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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。