这段代码序列化form表单元素为json对象：
<!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <title>jQuery扩展——form序列化到json对象</title> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <script type="text/javascript" src="https://www.jb51.net/jquery-1.10.2.js"></script> </head> <body> <p><b>Results:</b> </p> <form> <select> <option>Single</option> <option selected>Single2</option> </select> <br/><br/> <select multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select> <br/><br/> <input type="checkbox" value="check1"/> check1 <input type="checkbox" value="check2" checked="checked"/> check2 <br/><br/> <input type="radio" value="radio1" checked="checked"/> radio1 <input type="radio" value="radio2"/> radio2 </form> <script type="text/javascript"> var fields = $("select, :radio").serializeArray(); var o={}; jQuery.each(fields, function(i, fields){ if(o[this.name]){ /* 表单中可能有多个相同标签，比如有多个label， 那么你在json对象o中插入第一个label后，还要继续插入， 那么这时候o[label]在o中就已经存在，所以你要把o[label]做嵌套数组处理 */ //如果o[label]不是嵌套在数组中 if(!o[this.name].push){ o[this.name]=[o[this.name]]; // 将o[label]初始为嵌套数组，如o={a,[a,b,c]} } o[this.name].push(this.value || ''); // 将值插入o[label] }else{ o[this.name]=this.value || ''; // 第一次在o中插入o[label] } }); $("#results").append(JSON.stringify(o)); console.log(o); //用FireBug输出 </script> </body> </html>
结果如下图所示：
