Vue的ajax请求Axios
程序员文章站
2022-07-04 21:19:48
...
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)
});
上一篇: Vue-如何使用axios实现同步请求
下一篇: 取得突破的2002.9 OO框架