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、实例

  •  
  • $.ajax({
       type: "POST",
  •    url:"http://www.studyofnet.com",
  •    data:$('#formID').serialize(),// 要提交的表单
  •    success: function(msg) {alert(msg);},
  •    error: function(error){alert(error);
  • }}); 
  •  
  •  
  • 二、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;

    标签: