收集表单数据--serializeArray系列化表单

最新推荐文章于 2020-06-26 16:12:27 发布

weixin_34163741

最新推荐文章于 2020-06-26 16:12:27 发布

阅读量97

点赞数

文章标签： python json

原文链接：https://my.oschina.net/AnymoreCoder/blog/741425

版权

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

之前写过一个用queryselector收集表单数据的博文：收集表单数据--querySelector

两者收集到的数据格式稍有不同，序列化serializeArray的数据格式是这样子的：

html:

  <body>
  	<div class="col-xs-12 wrapper">
  		<div class="col-xs-3"></div>
		<div class="col-xs-6">
			<form id="myForm" name-"myForm" class="form-horizontal table-bordered">
		    	用户名<input type="text" class="form-control" name="username" value=""/>
				密码<input type="text" class="form-control" name="password" value="">
            </form>
			    <button type="submit" class="form-control btn btn-primary" id="submitBtn">提交</button>
		</div>
		<div class="col-xs-3"></div>
  	</div>
</body>

js:

$(document).ready(function(){
			$("#submitBtn").click(function(){
				var result=form2Json();
			    console.log(result);			
			});
			function form2Json(){
				var arr_all = $("#myForm").serializeArray();
				var json = {};
				for (var i = 0; i < arr_all.length; i++) {
					var item = arr_all[i];
					json[item.name] = item.value;
				}
			 return JSON.stringify(json);
	        }				
});

转载于:https://my.oschina.net/AnymoreCoder/blog/741425