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>
相关文章
- js跨域请求的三种方法_jQuery
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jQuery Ajax 实例 ($.ajax、$.post、$.get)详解编程语言
- Jquery中的.post和 .ajax两个方法的区别是什么详解编程语言
- jquery on绑定事件叠加解决方法详解编程语言
- jQuery html()方法的用法
- jQuery $.ajax()方法的使用
- jQuery noConflict()方法解决库冲突
- 解决jquery.ajax在IE下卡死问题的解决方法
- 用jQuery简化Ajax开发实现方法
- jquery与NVelocity产生冲突的解决方法
- 基于asp.net下使用jquery实现ajax的解决方法
- Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
- Jquery网页出现的乱码问题的三种解决方法
- 使用jquery的ajax调用总是错误亲测的解决方法
- jquery利用ajax调用后台方法实例
- JQuery中$.ajax()方法参数详解及应用
- jquery提示信息显示后自动消失的具体实现
- jquery中get,post和ajax方法的使用小结
- 在jquery中的ajax方法怎样通过JSONP进行远程调用
- 详解jquery中$.ajax方法提交表单
- Jquery基于Ajax方法自定义无刷新提交表单Form实例
- jquery.ajax之beforeSend方法使用介绍
- jquery获取选中的文本和值的方法
- JQuery中serialize()、serializeArray()和param()方法示例介绍
- jquery通过ajax加载一段文本内容的方法
- jquery通过load获取文件的内容并跳到锚点的方法
- JQuery中使用Ajax赋值给全局变量失败异常的解决方法
- jQuery实现长按按钮触发事件的方法
- JavaScript用JQuery呼叫Server端方法示例代码