jQuery——封装form表单的数据为json对象
生活随笔
收集整理的這篇文章主要介紹了
jQuery——封装form表单的数据为json对象
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
CDN
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>源代碼
/*** 自動將form表單封裝成json對象*/$.fn.serializeObject = function() {var o = {};var a = this.serializeArray();$.each(a, function() {if (o[this.name]) {if (!o[this.name].push) {o[this.name] = [ o[this.name] ];}o[this.name].push(this.value || '');} else {o[this.name] = this.value || '';}});return o;};//ajax請求,以json格式$.ajax({url:"buy",type:"POST",data:JSON.stringify($('form').serializeObject()),contentType:"application/json", //缺失會出現(xiàn)URL編碼,無法轉(zhuǎn)成json對象success:function(){alert("成功");}});參考文章
https://www.cnblogs.com/longailong/p/12066379.html
總結(jié)
以上是生活随笔為你收集整理的jQuery——封装form表单的数据为json对象的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Spring Boot——[Conten
- 下一篇: Bootstrap + Thymelea