前言

了解JSON的字符串和对象模式以及它们之间的转换；了解AJAX异步的实现和好处；了解I18N如何国际化，即如何更加Locale来切换读取的配置文件。

一、JSON

一种轻量级数据交换格式（与xml做比较），易于阅读和编写，以及程序读取解析，完全独立于不同语言。

文章开始之前，我们先来看一个常见的问题：

接到一个任务，需要抓取某个网站上的数据内容，网页上需要输入搜索关键词，然后点击搜索按钮，等待页面加载完毕，获取网页上的搜索结果，而每一个搜索结果项，都需要点击展开才能查看到具体内容。

对于该问题，我们可以从网上找到一些解决问题的途径，但是大都不是很全面。这里小编对所有可能出现的问题做了一次调研，并汇总成如下的解决方案，希望对大家有所帮助。

首先，我们先来汇总一下python生态下爬取网站数据需要用到的工具。

一、前言

在编写前端，总要通过 ajax 请求调用后端接口，获取 json 数据，再渲染到页面上。但是问题来了，后端的接口还没编写咋整，只能自己模拟搞一个了。

二、代码

在项目的顶级目录下，创建一个 static 目录，表示用来存储静态资源（图片、我们的 json 等），在里边存放 json 数据，这里在里边再创建了一个 data 目录，存放 heatChinaRealData.json，然后就可以发起 ajax 请求了，这里使用了 axios。

本小节基本要求

• 了解html文件

要点：

1. JSON格式的数据
2. Javascript(简称js)语言
3. 样式选择器之ID选择器

一.JSON

JSON也是一种字符串，是一种特殊的字符串，json对象既可以是字符串也可以是数值，null，数组，对象。

1，了解json, xml数据格式：

xml数据格式是利用标签对数据就行组装，标签必须成对出现，且必须以<?xml version="1.0" encoding="utf-8" ?>开头 但是因为标签必须成对出现导致文件体积大，标签数量太多，实在是影响传输效率，因此使用频率不高，下面是xml数据格式的例子

<?xml version="1.0" encoding="utf-8"?>
<students>
	<student>
		<name>张三</name>
		<age>30</age>
		<sex>男</sex>
	</student>
	<student>
		<name>李四</name>
		<age>25</age>
		<sex>男</sex>
	</student>
	<student>
		<name>王五</name>
		<age>27</age>
		<sex>女</sex>
	</student>
</students>

#头条创作挑战赛#

以前传统的网页（不使用 Ajax）如果需要更新内容，就必须重新加载整个网页。当一个页面有 大量的 JavaScript、图片、CSS 时，加载速度会变得非常缓慢。而 Ajax 的出现很好地解决了这个问题。

## 今日内容

1. AJAX：

2. JSON

一、AJAX：

1.1 概念： ASynchronous JavaScript And XML，异步的JavaScript 和XML

客户端和服务器端相互通信的基础上