将表单数据转换为json代码分享
Posted 学亮编程手记
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了将表单数据转换为json代码分享相关的知识，希望对你有一定的参考价值。
<body>
<form action="#" method="post" id="form1">
<input type="text" name="username" value="zhangxueliang"/>
<input type="text" name="password" value="123456"/>
<input type="checkbox" name="hobby" value="eat" checked="checked"/>
<input type="checkbox" name="hobby" value="drink" checked="checked"/>
<input type="checkbox" name="hobby" value="play" checked="checked"/>
</form>
</body>
<script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$.fn.extend({
serializeJson:function(){
var json={};
var msg = this.serializeArray();
$(msg).each(function(){
if(json[this.name]){//如果name已存在
if(!json[this.name].push){//能push代表是数组
//不是数组
json[this.name]=[json[this.name]];
}
json[this.name].push(this.value||"");//装入数组
}else{
json[this.name]=this.value||"";
}
});
return json;
}
});
$(function(){
var formData = $("#form1").serializeJson();
console.info(formData);
})
</script>
以上是关于将表单数据转换为json代码分享的主要内容，如果未能解决你的问题，请参考以下文章