《小白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串转换为对象控制台输出看一下。”

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

小白高兴的说道：“好啊！太期待了！”