JQuery 浅析serialize()、serializeArray()、param()用法示例

内容摘要

这篇文章主要为大家详细介绍了JQuery 浅析serialize()、serializeArray()、param()用法示例，具有一定的参考价值，可以用来参考一下。

在javascript中，serialize()方法也是作用

文章正文

这篇文章主要为大家详细介绍了JQuery 浅析serialize()、serializeArray()、param()用法示例，具有一定的参考价值，可以用来参考一下。

在javascript中，serialize()方法也是作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串，serializeArray()方法不是返回字符串，而是将DOM元素序列化后，返回JSON格式的数据。服务器端的jsp代码：


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<% 
request.setCharacterEncoding("UTF-8"); 
String username = request.getParameter("username"); 
String content = request.getParameter("content"); 
out.println("<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" 
</p></div>"); 
%>

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


/**
 * serialize()、serializeArray()、param()用法
 *
 * @param 
 * @arrange （www.idcnote.com）
 **/
$("#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

注：关于JQuery 浅析serialize()、serializeArray()、param()用法示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 Python2和Python3的10大区别解析下一篇清除多选框的已选中状态的解决办法

作者：喵哥笔记

学的不仅是技术，更是梦想！