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的瞭解，個人博客裏也有相應的介紹和總結，歡迎坐沙發！