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



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM