[問題] JQuery form serialization

看板Ajax作者 ( )時間10年前 (2014/03/13 02:54), 編輯推噓1(106)
留言7則, 4人參與, 最新討論串1/2 (看更多)
想請問為何 var formData = $('#testform').serialize(); 序列化出來的資料是空的? 感謝大家 <!DOCTYPE html> <html xmlns="" rel="nofollow">http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="Scripts/jquery-2.1.0.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnSerialize').on('click', Serialize); $('#btnDecode').on('click', Decode); }); function Serialize() { var formData = $('#testform').serialize(); $('#beforeDecode').val(formData.toString()); } function Decode() { var encodeData = $('#beforeDecode').val(); var decodeData = decodeURIComponent(encodeData); $('#afterDecode').val(decodeData.toString()); } </script> </head> <body> <form id="testform" > <input type="text" id="myName" value="myName"/> <input type="text" id="myEmail" value="myEmail"/> </form> <label for="beforeDecode"> The data of test form is: </label> <input type="text" id="beforeDecode" /> <label for="afterDecode"> The data of test form is: </label> <input type="text" id="afterDecode" /> <button id="btnSerialize">Serialize</button> <button id="btnDecode">Decode</button> </body> </html> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 1.165.254.39

03/13 04:41, , 1F
input漏了name??
03/13 04:41, 1F

03/13 04:51, , 2F
可是我這個沒有要submit也需要加 name 嗎?
03/13 04:51, 2F

03/13 04:54, , 3F
加了就可以了!! 真詭異
03/13 04:54, 3F

03/13 05:11, , 4F
name for retrieving value,id for operate element?
03/13 05:11, 4F

03/13 13:37, , 5F
因為他本來就是走 form 的 spec ...
03/13 13:37, 5F

03/13 13:57, , 6F
原本的規格 你form裡面沒加name的input資料就post不出
03/13 13:57, 6F

03/13 13:57, , 7F
03/13 13:57, 7F
文章代碼(AID): #1J8Ari9w (Ajax)
文章代碼(AID): #1J8Ari9w (Ajax)