作者shomingchang ( )
看板Ajax
標題[問題] JQuery form serialization
時間Thu Mar 13 02:54:33 2014
想請問為何 var formData = $('
#testform').serialize(); 序列化出來的資料是空的？
感謝大家
<!DOCTYPE html>
<html xmlns="
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
→ mail6543210:input漏了name?? 03/13 04:41
→ shomingchang:可是我這個沒有要submit也需要加 name 嗎? 03/13 04:51
→ shomingchang:加了就可以了!! 真詭異 03/13 04:54
→ shomingchang:name for retrieving value,id for operate element? 03/13 05:11
→ TonyQ:因為他本來就是走 form 的 spec ... 03/13 13:37
推 mrbigmouth:原本的規格 你form裡面沒加name的input資料就post不出 03/13 13:57
→ mrbigmouth:去 03/13 13:57