下午办公室暖气很热, 大家的工作状态都不是特别好, 感觉每个人都像树懒一样或缓慢移动鼠标或懒懒的打着瞌睡小白也不在状态呆呆的盯着电脑, 不知道该做些什么经过一阵阵朦胧的困感之后, 小白还是起身找到了老朱
朱哥, 下午实在没状态, 有没有简单点的知识, 给我说一个呗!
老朱也不在状态, 布局方面的实在是不想说, 思考了半天说道: 要不说一下 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 串转换为对象控制台输出看一下
最近一两天我们尝试做一次外部数据加载, 看看你能不能理解, 如果能理解我们就可以从一个小项目开始练习了
小白高兴的说道: 好啊! 太期待了!
想学 H5 的朋友可以关注老炉, 您的关注是我持续更新小白 HTML5 成长之路的动力!
来源: http://www.jianshu.com/p/540927908064