今天在看源碼的時候發現一個jquery中的serialize的方法,細細研究瞭一下,現在寫出來鞏固一下。
在我們平常的表單提交中往往需要一個一個表單值得提取,在使用jquery中的ajax時就顯得有些吃力,所以有瞭這個函數後我們就可以用jquery中的serialize()的方法序列化值,利於我們快速簡單的處理,現在就讓我們看看什麼是serialize
首先 我再我的vim編輯器裡邊建立一個簡單的test.html頁:
<html>
<head>
<title>Serilize</title>
<script type = "text/javascript" src="./jquery.js"></script>
<script type="text/javascript">
function s(){
var input = $('input').serialize();//序列化值
alert (input);
}
</script>
</head>
<body>
<form method="post" action="" onSubmit="s()">
Name:<input type="text" name="name"/><br>
Sex:<input type="text" name="sex"/><br>
Phone:<input type="text" name="phone"/><br>
Email:<input type="text" name="email"/><br>
QQ:<input type="text" name="qq"/><br>
<input name="submit" type="submit" value="CLICK"/>
</form>
</body>
</html>
現在你把上述代碼貼到你的編輯器裡邊然後保存 測試一下 提交後會彈出下面的窗口:
當然你也許會困惑為什麼序列化後的值是亂碼,這就用到json_encode();這個函數來翻譯瞭!!
好瞭就寫到這裡,有不懂的大傢跟帖!!!
作者 “You_Can”