原生js+axios+响应参数使用(基础)
2019-04-19 本文已影响0人
POLOCY
一、CDN引入
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
二、封装axios
//将函数封装名为getMore的函数
function getMore (url, data) {
return axios({
methods: 'post',//若无此项,默认get
url: url,
data: data//get-params
})
}
三、使用axios
请求网址
http://xxx.xx.xx
请求参数
名称 | 参数 |
---|---|
firstData | noOne |
secondData | noTwo |
let data = {firstData:'noOne', secondData:'noTwo'};
let url = 'http://xxx.xx.xx';
let dataSource ={};//声明全局变量,使axios到的数据可在全局使用。
getMore (url, data).then(res => {
dataSource = res.data//将请求得到的参数赋值给全局变量dataSource
} ).catch(error => {
console.log(error)})