JQuery中serialize()、serializeArray()和param()方法

2019独角兽企业重金招聘Python工程师标准>>>

与JQuery中其他方法一样，serialize()方法也是作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串，用于ajax请求。通过使用serialize()方法，可以提交本页面的所有域，代码如下：

$("#send").click(function(){  $.get("get1.jsp", $("#form1").serialize(), function(data, textStatus)  $("#resText").html(data);  });   });

当单击“提交”按钮后，所有属于form1的表单元素都能提交到后台，即使在表单中再增加字段，脚本仍然能够使用，并且不需要做其他多余工作。

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

因为serialize()方法作用于JQuery对象，所以不光只有表单能使用它，其他选择器选取的元素也都能使用它，如以下JQuery代码：

$(":checkbox,:radio").serialize();

把复选框和单选框的值序列化为字符串形式，只会将选中的值序列化。

 

在JQuery中还有一个与serialize()类似的方法--serializeArray()，该方法不是返回字符串，而是将DOM元素序列化后，返回JSON格式的数据。JQuery代码如下：

var fields = $(":checkbox,:radio").serializeArray(); console.log(fields);    //用FireBug输出

$.param()方法是serialize()方法的核心，用来对一个数组或对象按照key/value进行序列化。

比如将一个普通的对象序列化：

var obj = {a:1,b:2,c:3}; var k = $.param(obj); alert(k);    //输出a=1&b=2&c=3

基于serializeArray()的扩展jquery的serializeObject()方法:

//注意该方法需要传入一个jqury的form表单,例如:$("#myform") var sy = sy || {}; sy.serializeObject = function(form) {var o = {};$.each(form.serializeArray(), function(index) {/*如果表单项的值非空，才进行序列化操作*/if (this['value'] != undefined && this['value'].length > 0) {if (o[this['name']]) {o[this['name']] = o[this['name']] + "," + this['value'];} else {o[this['name']] = this['value'];}}});return o; };

设有form中有username,password两个input,看效果

$("form").serialize() 显示为:

 username=""& password="";

$("form").serializeArray() 显示为:

[{"name":"username","value":""},{"name":"password","value":""}];

$("form").serializeObject() 显示为:
{"username":"","password":""};

serializeObject仅适用于name值不重复的情况,若name值重复,则取第一个

用法:一般在做jquery的ajax请求的时候,使用serialize()方法,但是在easyui的datagrid的load()和reload()方法中,需要传递的是一个对象,例如:$("#datagrid").datagrid("load",{name:"libai",address:"hubei"});如果我们不想拼接手写去一个个拼接需要传递的请求,参数,那么可以使用reliableObject()函数,来自动生成一个object对象

转载于:https://my.oschina.net/u/2331760/blog/424037

总结

以上是生活随笔为你收集整理的JQuery中serialize()、serializeArray()和param()方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。