《小白H5成长之路24》JavaScript处理JSON的初体验

下午办公室暖气很热,大家的工作状态都不是特别好,感觉每个人都像树懒一样或缓慢移动鼠标、或懒懒的打着瞌睡。小白也不在状态呆呆的盯着电脑,不知道该做些什么。经过一阵阵朦胧的困感之后,小白还是起身找到了老朱。

“朱哥,下午实在没状态,有没有简单点的知识,给我说一个呗!”

老朱也不在状态,布局方面的实在是不想说,思考了半天说道:“要不说一下JSON数据吧,这个简单,你只要了解了JSON数据接下来就可以说前端和后台通信的事了。”

“好啊!”,小白一听终于能做通信方面的事情后,脑袋一下清醒了不少。

老朱说:“JSON数据可以看作是对象的字符串形式。”

“既然有了对象Object还要JSON干嘛呢?”,小白问道。

“通过JSON串我们可以很方便的进行数据通信,比如通过ajax去加载一个页面,被加载的页面如果没有html标签只有JSON格式的字符串,我们就可以把JSON串转换为JavaScript对象轻松进行数据处理了。”

“听得有点晕!”

“你可以想象一下,你的个人信息都在数据库存着,有一个php页面可以把你的信息从数据取出来,现在让你通过js获取用户信息,你怎么办?”

“是不是通过JS加载获取用户信息的那个php页面?”

老朱说道:“没错,那你是希望php页面给你输出一个含有用户信息、html标签和CSS的,还是返回你的昵称、电话、头像信息你再在前端通过JS进行处理?”

“肯定是后者啊,这样我就能把用户信息放到页面任意想放的位置了。还有一个好处,只有用户的信息的数据字符串长度非常小,也有利于访问速度。”

“恩,理解的不错!就是这个意思。实际开发的时候JSON串不会像我们现在定义的JSON串那样简单,如果我们要获取一个文章列表页的JSON串,它里面可能会包含栏目的id、栏目标题、文章列表(可能会是一个数组,也可能是一个列表对象)、每页显示条数、文章总数、用户信息(一个对象,它里面又包含用户的昵称、电话、头像等)。”

“一般从外部加载的JSON串JavaScript会自动把JSON串转换为Object对象,如果是自定义的JSON字符串我们需要使用JSON.parse(JSON串)进行兑现转换。现在我们把刚刚定义的jstr串转换为对象控制台输出看一下。”

“最近一两天我们尝试做一次外部数据加载,看看你能不能理解,如果能理解我们就可以从一个小项目开始练习了。”

小白高兴的说道:“好啊!太期待了!”

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171212A04V9V00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券