jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
方法一:
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); } }); } );
頁(yè)面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="處理費(fèi)用" 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="費(fèi)用類型" 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="添加處理費(fèi)" /> <asp:Button ID="Button1" runat="server" Text="添加處理費(fèi)" OnClientClick="javascript:AddHandlingFeeToRefund()" /> </td> </tr> </table> </form>
以上這篇jquery的ajax提交form表單的兩種方法小結(jié)(推薦)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jquery動(dòng)態(tài)改變form屬性提交表單
- jQuery動(dòng)態(tài)設(shè)置form表單的enctype值(實(shí)現(xiàn)代碼)
- jquery實(shí)現(xiàn)ajax提交form表單的方法總結(jié)
- jQuery實(shí)現(xiàn)form表單基于ajax無(wú)刷新提交方法詳解
- Jquery.Form 異步提交表單的簡(jiǎn)單實(shí)例
- Jquery基于Ajax方法自定義無(wú)刷新提交表單Form實(shí)例
- jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交form的方法
- jquery中validate與form插件提交的方式小結(jié)
- jQuery改變form表單的action,并進(jìn)行提交的實(shí)現(xiàn)代碼
- jQuery ajax提交Form表單實(shí)例(附demo源碼)
- jquery實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建form并提交的方法示例
相關(guān)文章
jQuery中triggerHandler()方法用法實(shí)例
這篇文章主要介紹了jQuery中triggerHandler()方法用法,實(shí)例分析了triggerHandler()方法的功能、定義及觸發(fā)被選元素的指定事件類型的使用技巧,需要的朋友可以參考下2015-01-01jquery實(shí)現(xiàn)實(shí)時(shí)改變網(wǎng)頁(yè)字體大小、字體背景色和顏色的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)實(shí)時(shí)改變網(wǎng)頁(yè)字體大小、字體背景色和顏色的方法,涉及jquery使用css方法動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08【經(jīng)典源碼收藏】jQuery實(shí)用代碼片段(篩選,搜索,樣式,清除默認(rèn)值,多選等)
這篇文章主要介紹了jQuery實(shí)用代碼片段,包括篩選,搜索,樣式,清除默認(rèn)值,多選等多種功能.具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06jQuery 如何先創(chuàng)建、再修改、后添加DOM元素
這篇文章主要介紹了jQuery 如何創(chuàng)建、修改、添加DOM元素,需要的朋友可以參考下2014-05-05jQuery ajax 當(dāng)async為false時(shí)解決同步操作失敗的問(wèn)題
這篇文章主要介紹了 jQuery ajax 當(dāng)async為false時(shí)解決同步操作失敗的問(wèn)題的相關(guān)資料,需要的朋友可以參考下2016-11-11JQuery+Bootstrap 自定義全屏Loading插件的示例demo
這篇文章主要介紹了JQuery+Bootstrap 自定義全屏Loading插件,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-07學(xué)習(xí)jQuery中的noConflict()用法
在本篇文章中我們整理了關(guān)于學(xué)習(xí)jQuery中的noConflict()用法的相關(guān)知識(shí)點(diǎn)內(nèi)容,有需要的朋友們可以學(xué)習(xí)下。2018-09-09jquery實(shí)現(xiàn)定時(shí)自動(dòng)輪播特效
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)定時(shí)自動(dòng)輪播特效,講解內(nèi)容很詳細(xì),條理清晰,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12jQuery簡(jiǎn)單實(shí)現(xiàn)網(wǎng)頁(yè)選項(xiàng)卡特效
本文給大家分享一段基于jQuery簡(jiǎn)單實(shí)現(xiàn)的網(wǎng)頁(yè)選項(xiàng)卡代碼,非常簡(jiǎn)單實(shí)用,這里推薦給小伙伴們。2014-11-11jQuery實(shí)現(xiàn)表單提交時(shí)判斷的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)表單提交時(shí)判斷的方法,涉及針對(duì)表單提交時(shí)的判斷方法,是非常實(shí)用的技巧,需要的朋友可以參考下2014-12-12