jquery.serializejson.min.js的妙用

　关于这个jquery.serializejson.min.js插件来看，他是转json的一个很是简单好用的插件。

　　前端在处理含有大量数据提交的表单时，除了使用Form直接提交刷新页面以外，常常碰到的需求是收集表单信息成数据对象，Ajax提交。

而在处理复杂的表单时，须要一个一个区手动判断处理字段值，显得很是麻烦。接下来介绍的插件将解决这个问题。

关于serializeJSON

　　使用jquery.serializeJSON，能够在基于jQuery或者Zepto的页面中，调用 .serializeJSON() 方法来序列化form表单的数据成JS对象。

下载

下载该插件的地址是：http://www.bootcdn.cn/jquery.serializeJSON/

使用

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.serializejson.js"></script>

参考

能够参考博文：https://www.cnblogs.com/linzenews/p/7065050.html

事例

拿一个我本身的小例子，对于页面表单多，并且元素多，后台要求使用ajax传递数据时，我使用了该插件，连校验都顺畅了不少。

 

 我这表格是自动添加的。这个时候每一个元素的name名称是同样的，因此我须要让后台知道对应的是哪一个元素的值，这个时候我想到了这个插件

使用

var serializeObj=$('#s-form-a').serializeJSON();
var serializeStr=JSON.stringify(serializeObj);
console.log(serializeStr);

结果是另我满意的。

校验该插件，我使用了jquery.validate.js. 针对name名称一致的，使用了

'assessVoList[][losshow]':{
    required:true,
},

'assessVoList[][losshow]':{    required:“不能为空”,},最后达到了满意的效果。关于jquery.validate.js的了解，个人博客里也有相应的介绍和总结，欢迎坐沙发！