欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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, JavaScriptDOM, 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 vue