JSON（）异步刷新初体验

JSON（）异步刷新初体验

2021-2-17

一、什么是JSON（）？

可以这么理解：

1、JS中的一切都是对象。

var obj = {a:'hello',b:'http',c:3};

2、JSON是JS对象的字符串表示法，可以看作是在字典外套了个引号，本质上可以看成一个字符串。

#注意：JSON里对象的名称必须用引号引起来才行。后面的值如果是int和bool可以不用引起来。
var JSON = '{'a':'hello','b':'http','c':3}';

二、JSON和JavaScript对象互转

首先我们了解一下如何创建变量：

#创建一个变量，变量名为m，值为"Volvo"
var m = "Volvo";

1、从JSON字符串转换为JavaScript 对象，使用 JSON.parse() 方法：

var obj = JSON.parse('{"a": "Hello", "b": "World"}');
//结果是 {a: 'Hello', b: 'World'}

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

var json = JSON.stringify({a: 'Hello', b: 'World'});
//结果是 '{"a": "Hello", "b": "World"}'

三、功能初体验

1、日常生活中，异步刷新无处不在，比如：打开百度，当我们在搜索栏输入1，并未点击搜索键，此时就会出现下拉推荐的内容。

而这里就是通过json()实现的。

2、我们可以通过打开网页的检查页面，进行进一步的认识：

S1:点击一下搜索栏，输入内容之前，就会发现出现了一条请求：

注意：下图Type那一栏为xhr

S2:输入内容后(这里以8为例），可以注意一下标黄的部分，即为在搜索栏输入的内容。

S3：查看网页的源代码我们可以发现在comm部分有sugHost这一栏：

S4：复制到地址栏：

S5：地址后进行输入内容的添加，即可看到下拉推荐内容：

S6：我们可以通过直接修改wd=后的内容，来查看不同的下拉推荐内容：

相比xml，json往往用于前端交互数据，而xml往往用于配置一些环境。