为了账号安全,请及时绑定邮箱和手机立即绑定

serialize序列化得用法

标签:
JQuery

今天在看源码的时候发现一个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 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消