Ajax入门（三）

1、XMLHttpRequest的基本使用

XMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数，就是基于 xhr 对象封装出来的。

2. 数据交换格式 

数据交换格式，就是服务器端与客户端之间进行数据传输与交换的格式。 前端领域，经常提及的两种数据交换格式分别是 XML 和 JSON。其中 XML 用的非常少，所以，我们重点要学习的数据交换格式就是 JSON。

XML 和 HTML 虽然都是标记语言，但是，它们两者之间没有任何的关系。

• HTML 被设计用来描述网页上的内容，是网页内容的载体
• XML 被设计用来传输和存储数据，是数据的载体

3、JSON

JSON 就是 Javascript 对象和数组的字符串表示法，它使用文本表示一个 JS 对象或数组的信息，JSON 的本质是字符串。

作用：

• JSON 是一种轻量级的文本数据交换格式，在作用上类似于 XML，专门用于存储和传输数据，但是 JSON 比 XML 更小、更快、更易解析。
• JSON 中包含对象和数组两种结构，通过这两种结构的相互嵌套，可以表示各种复杂的数据结构。

对象结构：对象结构在 JSON 中表示为 { } 括起来的内容。

数据结构为 { key: value, key: value, … } 的键值对结构。其中，key 必须是使用英文的双引号包裹的字符串，value 的数据类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

数组结构：数组结构在 JSON 中表示为 [ ] 括起来的内容。

数据结构为 [ "java", "javascript", 30, true … ] 。数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

 3. JSON语法注意事项

• 属性名必须使用双引号包裹
• 字符串类型的值必须使用双引号包裹
• JSON 中不允许使用单引号表示字符串
• JSON 中不能写注释
• JSON 的最外层必须是对象或数组格式
• 不能使用 undefined 或函数作为 JSON 的值
• JSON 的作用：在计算机与网络之间存储和传输数据。
• JSON 的本质：用字符串来表示 Javascript 对象数据或数组数据

 

 

 4、XMLHttpRequest Level2的新特性

 

 

 

 

5、axios

• Axios 是专注于网络数据请求的库。 相比于原生的 XMLHttpRequest 对象，axios 简单易用。
• 相比于 jQuery，axios 更加轻量化，只专注于网络数据请求。