vue2.0发送ajax,Vue2使用ajax发送请求

Vue2使用ajax发送请求

2年前

阅读 6728

评论 0

喜欢 0

### 1、安装axios

使用`npm`命令进行安装

`npm install axios -S`

### 2、沿用上一章的全局变量设置，绑定axios参数

```

// 全局常量定义

// v1.0.1

import axios from 'axios'

// 常量表

const config = {

// ajax插件

axios:axios,

// 版本号

edition:'v1.0.1',

// 项目名称

entry_name:'Vue2测试项目'

}

// 常量定义函数

let bindToGlobal = (obj, key) => {

if (typeof window[key] === 'undefined') {

window[key] = {};

}

for (let i in obj) {

window[key][i] = obj[i]

}

}

bindToGlobal(config,'_config')

```

### 3、.vue模板中使用axios发送post请求

```

注册

import Vue from 'vue'

import '../global.js'

export default {

methods: {

submit: function(event) {

_config.axios({

method: 'post',

url: '/user',

data: {

name: 'wise',

info: 'wrong'

}

}).then(function (response) {

// 成功回调

console.log(response);

})

.catch(function (error) {

// 异常监听

console.log(error);

});

}

}

}

```

### 4、axios的中文文档参考

[https://www.kancloud.cn/yunye/axios/234845](https://blog.junphp.com "https://www.kancloud.cn/yunye/axios/234845")

© 著作权归作者所有