今天在看源码的时候发现一个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 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦