wcy_1011
wcy_1011

在jquery中ajax提交表单的post与get方式详解

另附三篇参考文章链接：

http://blog.csdn.net/wuxiupeng/article/details/7844003     http://www.cnblogs.com/nangong/archive/2013/07/23/3208302.html   http://www.cnblogs.com/ngnetboy/archive/2012/08/23/2651850.html


在jquery中ajax提交表单有post与get方式，在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了，下面我来介绍两个提交表单数据的方法。

$get方式提交表单

get() 方法通过远程 HTTP GET 请求载入信息

格式

$(selector).get(url,data,success(response,status,xhr),dataType)

请求 test.php 网页，传送2个参数，忽略返回值：

$.get("test.php", { name: "John", time: "2pm" } );

显示 test.php 返回值(HTML 或 XML，取决于返回值)：

 代码如下 复制代码

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});


ajax 序列化表单

$.Form.serialize( NameValuePair )

虚拟一个表单，并设置表单控件名与值。

参数
NameValuePair

必选项。设置虚拟的表单控件。该参数形式为：{ name1=value, name2=value2, ......}
返回值

虚拟表单序列化后的字符串，其格式如：username=%E5%95%8A%E8%94%A1&password=123456

 代码如下 复制代码






4


5
6
7








.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如 ,