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