07/7
2016
平时我们表单的提交多数是用action来指定提交到的文件，但这样会产生页面的刷新。用ajax提交可以避免刷新，但是需要我们自己组织要提交的数据。这就是表单序列化了。
jQuery有个serialize方法来做表单序列化，语法如下：
$(selector).serialize();
序列化之后，表单里需要提交的值会被组织成字符串，形如：
"name=124&company=baidu.com&fav=1,2,3"
如果里面有汉字之类，会自动进行url编码。表单序列化完全模拟了浏览器提交时的数据，这样我们就可以用ajax来提交表单了。
如一个id为“yy”的表单，它的提交的地址是"/plus/diy.php"，提交按钮id是submit。那么表单序列化并提交的代码如下：
$("#submit").click(function(event) {
event.preventDefault();
$.ajax({
type: "post",
url: "/plus/diy.php",
data: $("#yy").serialize(),
success: function() {
alert("信息提交成功。");
}
})
})
注意用preventDefault()阻止浏览器默认事件（就是跳转到action页面，即使你没写action属性也会跳转的）。
后台对提交数据的处理和用action提交时的数据是一致的。
Read More →
