❶ jquery怎樣把表單中的值轉換成json對象
////擴展添加序列化函數，表單序列化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;
};
//調用：$('form表單').serializeObject();
❷ jquery怎樣把表單中的值轉換成json對象
jquery提供了 serializeArray() 方法 將form表單數據轉換為 json數據格式
以下代碼可以直接粘貼運行：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title></title>
<scriptsrc="http://cdn.bootcss.com/jquery/1.12.2/jquery.js"></script>
<linkrel="stylesheet"href="">
</head>
<body>
<formaction="demon_submit"method="get">
<ul>
<li><inputtype="text"name="name"/></li>
<li><inputtype="text"name="pwd"/></li>
<li><inputtype="button"value="提交"id="J_btn"/></li>
</ul>
</form>
</body>
<script>
(function(){
$('#J_btn').on('click',function(){
vardata=$('form').serializeArray();
console.log(data);
});
})();
</script>
</html>