今天在看源码的时候发现一个jquery中的serialize的方法,细细研究了一下,现在写出来巩固一下。
在我们平常的表单提交中往往需要一个一个表单值得提取,在使用jquery中的ajax时就显得有些吃力,所以有了这个函数后我们就可以用jquery中的serialize()的方法序列化值,利于我们快速简单的处理,现在就让我们看看什么是serialize
首先 我再我的vim编辑器里边建立一个简单的test.html页:
<html> <head> <title>Serilize</title> <script type = "text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="./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();这个函数来翻译了!!
好了就写到这里,有不懂的大家跟帖!!!
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦