Vue的ajax请求Axios

1.什么是ajax

Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。

2.什么是axios

Axios 是个开源的可以⽤在浏览器端和 NodeJS 的异步通信框架，她的主要作就是实现 AJAX 异步通信，其功能 特点如下：

从浏览器中创建 XMLHttpRequests

从 node.js 创建 http 请求

支持 Promise

API 拦截请求和响应

转换请求数据和响应数据

取消请求

自动转换 JSON 数据

客户端支持防御 XSRF （跨站请求伪造）

3. vue怎么使用axios

1)安装axios

npm install --save axios vue-axios

2)在main.js中引用

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

3）发送请求

this.axios({
 method:'get',
 url:'***',
 data:{}
})
 .then(function (response) {
 console.log(response.data)
 });