關於這個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的了解,我的博客里也有相應的介紹和總結,歡迎坐沙發!