JQuery中serialize()、serializeArray()和param()方法示例介绍
更新时间：2014年07月31日 16:49:51 投稿：whsnow
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()方法，可以提交本页面的所有域，代码如下：
$("#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提供了hide() ,show()对元素进行隐藏和显示，下面看两个函数的应用2010-02-02
这篇文章主要介绍了jQuery获取单击节点对象的方法,涉及jQuery操作鼠标事件与页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2016-06-06
这篇文章介绍了Jquery获取复选框被选中值的简单方法，有需要的朋友可以参考一下2013-07-07
以前总是没搞明白是怎么回事，现在是迫不得已，就仔细看了看说明文档，终于测试成功了，记下2011-12-12
这篇文章主要介绍了浅析jQuery Ajax请求参数和返回数据的处理的相关资料,需要的朋友可以参考下2016-02-02
今天整理最近项目里用到的一个小效果，点击折叠弹出一个层给用户填写信息，感兴趣的朋友可以学习下2014-03-03
选择器是jQuery的核心，一个选择器写出来类似$('#dom-id')。下面给大家分享jQuery选择器的相关知识，感兴趣的朋友一起看看吧2017-07-07
本节主要介绍了jQuery打印图片pdf、txt,需要的朋友可以参考下2014-07-07
网上这种插件很多，但是没一个合适的，大部分都做得很大，功能齐全。于是自己做了这个小插件，顺便学习下jQuery插件的写法。2010-08-08
这篇文章主要介绍了jquery自定义滚动条插件示例,需要的朋友可以参考下2014-02-02
最新评论