jquery实现ajax提交form表单的方法总结
jquery实现ajax提交form表单的方法总结
发布时间:2016-12-30 来源:查字典编辑
摘要:方法一:复制代码代码如下:functionAddHandlingFeeToRefund(){varAjaxURL="../OrderMana...

方法一:

复制代码 代码如下:

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">

<tr>

<td>

<asp:Literal ID="UI_Amount" runat="server" Text="处理费用" meta:resourcekey="HandlingFeeAmount" />

</td>

<td>

<input type="text" id="txtHandlingFeeAmount" name="txtHandlingFeeAmount" 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"/>

</td>

</tr>

<tr>

<td>

<asp:Literal ID="UI_Notes" runat="server" Text="备注" meta:resourcekey="HandlingFeeNotes" />

</td>

<td>

<textarea id="txtNotes" name="txtNotes" 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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类