与JQuery中其他方法一样，serialize()方法也是作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串，用于ajax请求。通过使用serialize()方法，可以提交本页面的所有域，
代码如下：
| 代码如下 | 复制代码 |
|
<form id="form1"> <input name="name" type="text" value="pipi" /> <input name="blog" type="text" value="blue submarine" /> </form> 使用: |
|
就是如何能让+号变回空格呢？
还有一个问题，如下所示：
| 代码如下 | 复制代码 |
|
<form id="form1"> <input name="length" type="text" value="pipi" /> <input name="blog" type="text" value="blue submarine" /> </form> |
|
使用:
$("#form1").serialize();
结果:
blog=blue+submarine
没法出现length=pipi
当单击“提交”按钮后，所有属于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}; |
|
在ajax中应用
.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。
表单元素有几种类型：
| 代码如下 | 复制代码 |
|
<form> <div><input type="text" name="a" value="1" id="a" /></div> <div><input type="text" name="b" value="2" id="b" /></div> <div><input type="hidden" name="c" value="3" id="c" /></div> <div> <textarea name="d" rows="8" cols="40">4</textarea> </div> <div><select name="e"> <option value="5" selected="selected">5</option> <option value="6">6</option> <option value="7">7</option> </select></div> <div> <input type="checkbox" name="f" value="8" id="f" /> </div> <div> <input type="submit" name="g" value="Submit" id="g" /> </div> </form> .serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如 <input>, <textarea> 以及 <select>。不过，选择 <form> 标签本身进行序列化一般更容易些： 输出标准的查询字符串： a=1&b=2&c=3&d=4&e=5 |
|
也可以这样做
| 代码如下 | 复制代码 |
| $("#send").click(function(){ $.get("get1.jsp", $("#form1").serialize(), function(data, textStatus) $("#resText").html(data); }); }); |
|
这样过去的数据根据ajax post类型接受就可以了。
| 代码如下 | 复制代码 |
|
<%@ 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>"); %> |
|