JQuery中serialize与serializeArray

JQuery中serialize与serializeArray

一、serialize()方法

1、格式

var data = $("form").serialize();

2、功能

将表单内容序列化成一个字符串。

3、返回结果

username=forrest&passwd=1234&gender=0&interest=swimming&interest=running&interest=readBook

4、优点

（1）、这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。

（2）、用字符串方式时，需要注意对字符编码（中文问题），如果不希望编码带来麻烦，可以使用serialize()方法，它会自动编码。

5、实例

二、serializeArray()方法

1、格式

var jsonData = $("form").serializeArray();

2、功能

将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。

3、返回结果：

[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name。

4、实例

var fields = $("select, :radio").serializeArray();
jQuery.each( fields, function(i, field){
  $("#results").append(field.name + "=" +field.value + "; ");
});

结果：username=forrest; passwd=1234; gender=0; interest=swimming; interest=running; interest=readBook;