❶ 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>