【速成之路】网页编程必会的Ajax——JSON，2024年最新带你全面理解View的绘制流程

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

[3,1,4,1,5,9,2,6]

JSON是 JavaScript 对象的字符串表示法，使用文本表示一个 JavaScript 对象的信息，例如：

var obj={a:‘Hello’,b:‘World’};//这是一个对象，注意键名也可以使用引号包裹

var json=‘{“a”:“Hello”,“b”:“World”}’;//这是JSON字符串，本质是一个字符串

JSON的使用

---

简单地说，JSON可以将 JavaScript 对象中表示的一组数据转换为字符串，然后可以在网络或者程序之间轻松地传递这个字符串，并在需要的时候再将其还原为各编程语言所支持的数据格式。例如在Ajax中使用时，如果需要用到数组传值，就需要用JSON将数组转化为字符串。JSON数据获取的语法格式如下所示：

JSON对象.键名

JSON对象[“键名”]

数组对象［索引］

JSON使用 JavaScript 语法，所以在 JavaScript 中可以直接处理JSON数据。例如可以直接访问本节中定义的student对象：

student.name//返回字符串"kun kun"

student.address.country//返回字符串"China"

也可以直接修改数据：

student.name=“ikun”

另外，要实现从JSON字符串转换为 JavaScript 对象，可以使用JSON.parse()方法，示例代码如下所示：

var obj=JSON.parse(‘{“a”:“Hello”,“b”:“World”}’);

//结果是{a:‘Hello’,b:‘World’}

要实现从 JavaScript 对象转换为JSON字符串，使用JSON. stringify()方法：

var json=JSON.stringify({a:‘Hello’,b:‘World’});

//结果是 {a:‘Hello’,b:‘World’}

下例对JSON对象和JSON数组进行遍历，其在浏览器中的显示结果如图所示。