2025-02-10

今天在看源碼的時候發現一個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”

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *