<!DOCTYPE html> <head></head> <body> <form id="register"> <input type="text" name="user" value="hpc"><br> <input type="text" name="pwd" value="123"><br> <input type="text" name="sex" value="M"><br> <input type="text" name="age" value="100"><br> <input type="text" name="phone" value="13011112222"><br> <input type="text" name="email" value="xxx@xxx.com"><br> </form><br> Jquery 的serialize()方法 <div id="show"> </div><br> Jquery 的serializeArray()方法 <div id="show2"> </div><br> Jquery serializeArray()方法的数据转json <div id="show3"> </div> </body> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> var register =$("#register"); //返回字符串xxx=xxx&yyy=yyy; var formData = register.serialize(); $("#show").html(formData); // 返回的是json数组[{xxx:xxx},{yyy:yyy}] formData = register.serializeArray(); $("#show2").html(JSON.stringify(formData)); //将json数组转为json 对象 var jsons = transformToJson(formData); $("#show3").html(JSON.stringify(jsons)); // 转为json数据格式 function transformToJson(formData){ var obj={} for (var i in formData) { /*[{"name":"user","value":"hpc"},{"name":"pwd","value":"123"},{"name":"sex","value":"M"},{"name":"age","value":"100"},{"name":"phone","value":"13011112222"},{"name":"email","value":"xxx@xxx.com"}] */ //下标为的i的name做为json对象的key，下标为的i的value做为json对象的value obj[formData[i].name]=formData[i][‘value‘]; } return obj; } </script>
