AJAX使用教程以及axios的安装使用

什么是AJAX？

AJAX即 async javascript and XML（异步的js和xml），主要是用来实现页面的局部刷新的一门技术。

AJAX的核心对象是XMLHttpRequest

AJAX的工作原理

在发送请求后可继续注册，解决了传统注册存在的问题。

使用AJAX发送异步请求的方法步骤

1. 实例化核心对象
   var 变量名 = new XMLHttpRequest()

var xhr = new XMLHttpRequest()

2. 建立链接
   变量名.open(‘请求方式’,‘请求的路径’,‘异步同步’)

xhr.open('get','https://...')

3. 发送请求
   xhr.send() — 如果要传参数，可以写在这里面

xhr.send()

4. 请求成功之后的接收
   变量名.onreadystatechange = function() {
   如果说当前的readystate的值为4，并且status的状态为200
   接收返回数据 变量名.response
   }

xhr.onreadystatechange = function() {
	if(xhr.readystate == 4 && xhr.status == 200) {
		console.log(JSON.parse(xhr.response))
	}
}

拓展

什么是xml
可扩展标记语言是W3C推荐的一种专用于创建专用标记语言的通用标记语言 。它是SGML的简化子集，能够描述许多不同类型的数据。其主要目的是促进在不同的系统，尤其是通过互联网连接的系统间的数据共享。

vue请求的插件 — axios fetch

axios

第一步，使用axios必须要安装axios

npm install axios --save

第二步，在main.js中引入axios插件

import axios from 'axios'
Vue.protoType.$axios = axios

第三步，就可以在页面使用请求数据

this.$axios.get/post('https://...').then(res => {
	console.log(res)
})