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