jq中的serializeArray()、serialize()方法都是用来序列化form表单的,一般在ajax数据提交时一次性获取fom表单数据时使用,但它们返回的结果是有区别的,这篇博文就说一说serializeArray()与serialize()方法添加数据的方法。

jq serializeArray() 方法添加数据的方法

jq serializeArray() 的返回值为JSON数组类型,数组的每个元素都是form中每个输入元素的name属性与其value值对应的。

如果添加数据就要使用 push() 方法。直接添加name属性与其对应的值即可!

例:

//获取 ID 为 form 表单的所有相间
var data = $("#form").serializeArray();
//添加 host 属性,值为http://feiniaomy.com
data.push({"name":"host","value":"http://feiniaomy.com"});

jq serialize() 方法添加数据的方法

jq中的 serialize() 方法是将form表单中所有数据序列化为字符串形式,如下:

id=1&sex=1&type=2

如果添加数据可以执行下面的代码:

//获取 ID 为 form 表单的所有相间
var data = $("#form").serialize();
//添加 host 属性,值为http://feiniaomy.com
data = data = '&host=http://feiniaomy.com';
console.log(data);