博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery实现ajax提交form表单的方法总结
阅读量:7043 次
发布时间:2019-06-28

本文共 1884 字,大约阅读时间需要 6 分钟。

本篇文章主要是对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代码:

 

转载地址:http://caqal.baihongyu.com/

你可能感兴趣的文章
android用户界面-组件Widget-网络视图WebView
查看>>
KVM 存储虚拟化 - 每天5分钟玩转 OpenStack(7)
查看>>
iAMT无法连接,该怎么办?
查看>>
lintcode二叉树的锯齿形层次遍历 (双端队列)
查看>>
ADSL技术概述
查看>>
CentOS下NFS服务器配置实例
查看>>
RHEL5.4部署中央日志服务器之rsyslog+loganalyzer
查看>>
酷派7728软件安装到外置SD卡上的方法,也适用于联想s850e等
查看>>
步步为营VS 2008 + .NET 3.5(10) - DLINQ(LINQ to SQL)之调用存储过程的添加、查询、更新和删除...
查看>>
windows Compiler toolchain env
查看>>
使用RMAN的DUPLICATE克隆Oracle10gR2 数据库
查看>>
人生中该放弃的八样东西
查看>>
python的动态加载机制??
查看>>
OutOfMemoryError系列(1): Java heap space
查看>>
SCOM 2012系列②安装部署SCOM
查看>>
在JavaScript中操作Cookie
查看>>
图像处理之积分图应用四(基于局部均值的图像二值化算法)
查看>>
【IT基础】批处理
查看>>
博客园主题修改中用到的css属性
查看>>
java.lang.ClassNotFoundException和java.lang.NoClassDefFoundError的区别
查看>>