jquery的ajax提交form表單的兩種方法小結(推薦)
更新時間：2016年05月25日 10:02:19 投稿：jingxian
下面小編就為大家?guī)硪黄猨query的ajax提交form表單的兩種方法小結(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考
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>
以上這篇jquery的ajax提交form表單的兩種方法小結(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jquery動態(tài)改變form屬性提交表單
- jQuery動態(tài)設置form表單的enctype值(實現(xiàn)代碼)
- jquery實現(xiàn)ajax提交form表單的方法總結
- jQuery實現(xiàn)form表單基于ajax無刷新提交方法詳解
- Jquery.Form 異步提交表單的簡單實例
- Jquery基于Ajax方法自定義無刷新提交表單Form實例
- jQuery實現(xiàn)數(shù)秒后自動提交form的方法
- jquery中validate與form插件提交的方式小結
- jQuery改變form表單的action,并進行提交的實現(xiàn)代碼
- jQuery ajax提交Form表單實例(附demo源碼)
- jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法示例
相關文章
jQuery 淡入淡出 png圖在ie8下有黑色邊框的解決方法
本文章介紹了，jQuery 淡入淡出 png圖在ie8下有黑色邊框的解決方法，需要的朋友可以參考一下2013-03-03
使用jQuery插件創(chuàng)建常規(guī)模態(tài)窗口登陸效果
隱藏模態(tài)窗口技術是一種很好的解決方案，用于處理不是特有必要出現(xiàn)在網(wǎng)頁上的界面元素，下面與大家分享下如何利用jQuery插件leanModal建立一個常規(guī)模態(tài)窗口2013-08-08
由于前端javascript對跨域訪問做了安全限制，所以javascript只能訪問與包含它的文檔在同一域名下的內(nèi)容，接下來，小編通過此篇文章給大家介紹iframe跨域通信的封裝，需要的朋友可以參考下2015-08-08
非常簡單的一句話即可實現(xiàn)，大家可以看看。2009-04-04
本文給大家介紹如何給Carousel插件添加新的功能，非常方便以后的程序開發(fā)，具有參考借鑒價值，感興趣的朋友一起學習吧2016-04-04
jQuery懸停文字提示框插件jquery.tooltipster.js用法示例【附demo源碼下載】
這篇文章主要介紹了jQuery懸停文字提示框插件jquery.tooltipster.js用法,涉及jQuery文字提示框插件的引入與調(diào)用實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下2016-07-07
jquery ajaxfileupload異步上傳插件使用詳解
這篇文章主要為大家詳細介紹了jquery ajaxfileupload異步上傳插件的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細介紹了jquery仿京東側邊欄導航效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
在jquery的ajax中如果我們希望實現(xiàn)同步或者異步我們可以直接設置async發(fā)生為真或假即可true false，下面舉幾個jquery ajax同步和異步實例2013-11-11
本教程詳細介紹下jQuery添加/刪除Select的Option項，感興趣的各位可以參考下哈2013-04-04