相关文章推荐
成熟的小熊猫  ·  CVE-2023-21839 ...·  1 月前    · 
叛逆的泡面  ·  jackson ...·  1 月前    · 
豪爽的小狗  ·  StreamingResponseBody的 ...·  4 月前    · 
近视的桔子  ·  MongoDB: How to ...·  1 年前    · 
喝醉的葡萄酒  ·  Understand Azure IoT ...·  1 年前    · 
痴情的键盘  ·  unit testing - Python ...·  1 年前    · 

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"}
&lt;form&gt; &lt;input type="text" name="username" value="123"/&gt; &lt;input type="text" name="password" valur="abc"/&gt; * @param {string} form * @param {Array<string>} [include] * @param {Array<string>} [exclude] function serializeObject(form, include, exclude) { var obj = $(form).serializeArray(); include = include || []; &lt;script type="text/javascript"&gt; $(function() { $('#form1').submit(function() { //当提交时,会发生 submit 事件。 //此处可做验证 //... ... var postData = $("... serialize()是JQuery方法,可序列值创建 URL 编码文本字符串,就是将数据以字符串的形式返回。 缺点:只能序列一般数据,文件上传则无法序列。 <form id="form"> <input type="text" name="name" value=""&gt... serializeobject(); 可以将中的文本框 下拉框 根据name 属性 序列成字符串,必须在js中写这个方法 $.fn.serializeObject = function() {     var o = {"unique_id":new Date().getTime(),"state":false};     var a = this.serializeArray(); &lt;table class="table fcb_table"&gt; &lt;th&gt;日期&lt;/th&gt; &lt;th colspan="2"&gt;&lt;/th&gt; &lt;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