序列化场景

2019独角兽企业重金招聘Python工程师标准>>>

一：jQuery  方法

1.serialize()方法

　　格式：var data = $("form").serialize();

　　功能：将表单内容序列化成一个字符串。

表单中的 radio  checkbox  若是未选中状态  在序列化时  不添加此字段，只有在选中状态添加此字段。

　　这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。

	<form>
	<div>
		<input type="text" name="a" value="1" id="a" />
		<input type="text" name="b" value="2" id="b" />
		<input type="hidden" name="c" value="3" id="c" />
		<textarea name="d" rows="3" cols="4">4</textarea>
	</div>
	<input type="radio" name="r" id="r" value="7" />
		<input type="checkbox" name="f" value="8" id="f" />
		<input type="submit" name="g" value="Submit" id="g" />
	</div>
</form>
	<script>
	$('form').submit(function() {
		alert($(this).serialize());
		return false;
	});
</script>

2.serializeArray()方法

　　格式：var jsonData = $("form").serializeArray();

　　功能：将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。

　　比如，[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name

 

3.param() 方法创建数组或对象的序列化表示。

var params = { width:1900, height:1200 };
     var str = jQuery.param(params);
	 console.log(str);   //width=1900&height=1200

 

转载于:https://my.oschina.net/ochmdlc/blog/1544829