jquery的ajax提交form表单的两种方法小结(推荐)
jquery的ajax提交form表单的两种方法小结(推荐)
方法一：
functionAddHandlingFeeToRefund()
{
varAjaxURL="../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){
varstrresult=result;
alert(strresult);
//加载最大可退金额
$("#spanMaxAmount").html(strresult);
},
error:function(data){
alert("error:"+data.responseText);
}
});
}
方法二：
//ajax提交form表单的方式
$('#formAddHandlingFee').submit(function(){
varAjaxURL="../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){
varstrresult=data;
alert(strresult);
//加载最大可退金额
$("#spanMaxAmount").html(strresult);
},
error:function(data){
alert("error:"+data.responseText);
}
});
}
);
页面html代码：
<formid="formAddHandlingFee"name="formAddHandlingFee"enctype="multipart/form-data"onsubmit="AddHandlingFeeToRefund()">
<tableid="AddHandlingFee"class="Wfill">
<tr>
<td>
<asp:LiteralID="UI_Amount"runat="server"Text="处理费用"meta:resourcekey="HandlingFeeAmount"/>
</td>
<td>
<inputtype="text"id="txtHandlingFeeAmount"name="txtHandlingFeeAmount"class="{required:true,number:true}"maxlength="12"/>
</td>
</tr>
<tr>
<td>
<asp:LiteralID="UI_HandlingFeeType"runat="server"Text="费用类型"meta:resourcekey="HandlingFeeHandlingFeeType"/>
</td>
<td>
<crmweb:HtmlSelectControlID="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:LiteralID="UI_Notes"runat="server"Text="备注"meta:resourcekey="HandlingFeeNotes"/>
</td>
<td>
<textareaid="txtNotes"name="txtNotes"class="text{required:true}"cols="22"rows="2"maxlength="100"></textarea>
</td>
</tr>
<tr>
<td>
</td>
<td>
<inputid="Submit1"type="submit"value="添加处理费"/>
<asp:ButtonID="Button1"runat="server"Text="添加处理费"OnClientClick="javascript:AddHandlingFeeToRefund()"/>
</td>
</tr>
</table>
</form>
以上这篇jquery的ajax提交form表单的两种方法小结(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。