ajax提交form表单有哪些方法
导读：这篇文章主要给大家介绍“ajax提交form表单有哪些方法”的相关知识，下文通过实际案例向大家展示操作过程，内容简单清晰，易于学习，有这方面学习需要的朋友可以参考，希望这篇“ajax提交form表单有哪些方法”文章能对大家有所帮助。...
这篇文章主要给大家介绍“ajax提交form表单有哪些方法”的相关知识，下文通过实际案例向大家展示操作过程，内容简单清晰，易于学习，有这方面学习需要的朋友可以参考，希望这篇“ajax提交form表单有哪些方法”文章能对大家有所帮助。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>
到此这篇关于“ajax提交form表单有哪些方法”的文章就介绍到这了，感谢各位的阅读，更多相关ajax提交form表单有哪些方法内容，欢迎关注网络资讯频道，小编将为大家输出更多高质量的实用文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： ajax提交form表单有哪些方法
本文地址： https://pptw.com/jishu/655123.html