1. serialize() 序列化form表单内容为字符串
2. serializeArray() ;返回JSON 对象数组
3. 封装一个方法: serializeObject() ; 返回对象
<!DOCTYPE html>
<meta charset="UTF-8">
<title>JQuery的serializeObject 序列化form表单</title>
</head>
<form id="submitForm">
<input type="text" name="username" value="luo"/>
<input type="text" name="password" value="123"/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
1. serialize() 序列化form表单内容为字符串
$("#submitForm").serialize();
转换格式为:
"username=luo&password=123"
2. serializeArray() ;返回JSON 对象数组
$("#submitForm").serializeArray();
转换格式为:
[{name:"username",value:"luo"},{name:"password",value:"123"}]
3. 封装一个方法: serializeObject() ; 返回对象
//给jQuery添加一个方法
jQuery.fn.serializeObject = function () {
var formData = {};
var formArray = this.serializeArray();
for(var i = 0, n = formArray.length; i < n; ++i){
formData[formArray[i].name] = formArray[i].value;
return formData;
$("#submitForm").serializeObject();
转换格式为:
{username:"luo",password:"123"}
<form>
<input type="text" name="username" value="123"/>
<input type="text" name="password" valur="abc"/>
* @param {string} form
* @param {Array<string>} [include]
* @param {Array<string>} [exclude]
function serializeObject(form, include, exclude) {
var obj = $(form).serializeArray();
include = include || [];
<script type="text/javascript">
$(function() {
$('#form1').submit(function() { //当提交表单时,会发生 submit 事件。
//此处可做表单验证
//... ...
var postData = $("...
serialize()是JQuery方法,可序列化表单值创建 URL 编码文本字符串,就是将表单数据以字符串的形式返回。
缺点:只能序列化一般数据,文件上传则无法序列化。
<form id="form">
<input type="text" name="name" value="">...
serializeobject(); 可以将表单中的文本框 下拉框 根据name 属性 序列化成字符串,必须在js中写这个方法
$.fn.serializeObject = function() {
var o = {"unique_id":new Date().getTime(),"state":false};
var a = this.serializeArray();
<table class="table fcb_table">
<th>日期</th>
<th colspan="2"></th>
<th colspan="3&qu
最近在做Form表单提交时,使用html标签文本框,表单一直获取不到值,服务器控件就能获取到,最后找到的原因是input的标签没有添加name属性, 具体原因需要查询下ID和Name属性的区别,代码如下:
$.ajax({
type: "POST",
url: "Ajax.aspx",
默认情况下,Jquery无法将form转换成用于ajax参数的Javascript Object。
所以一直以来都是使用selector一个个读取数值然后自己构建Javascript Object的方式。今天偶然看到一段Jquery的插件,可以直接使用:
$(form).serializeObject()
的形式,将form里面的内容转化成如下漂亮的形式,真是大快人心!
* 将form序列化Json对象
* 将["key1=value1&key2=value2"]序列化成Json对象["key1":"value1","key2":"value2"])
* @example
* var formParams = $("#formId").serialize