关于axios以及jsonp的简单使用方法

前端之家收集整理的这篇文章主要介绍了关于axios以及jsonp的简单使用方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vuejs前端框架作者推荐使用axios进行数据请求,axios的使用方法非常简单,最近在使用vuejs碰到个小问题,于是记录一下:
1.如果是npm管理前端项目的话,直接npm i axios --save-dev安装就好,如果不是,那么直接引用就行了
使用的时候在页面的script中import axios from 'axios'引入,下面是es6的函数式写法

@H_502_4@getList: function () { axios.get('路径').then((response) => { //这里是成功后的处理 } }) }

2.axios不支持jsonp,因为axios的作者觉得jsonp不太友好,推荐用CORS方式更为干净,但是jsonp支持范围更加广阔一些,一些老式的IE浏览器也能支持,所以有些公司还是jsonp用的多些,那么如果要使用jsonp,可以独立安装
npm i jsonp --save-dev 然后在页面中引用import jsonp from 'jsonp',使用方式也是非常简单的:

@H_502_4@getList: function () { jsonp(config.ajaxUrl + '路径',null,(err,data) => { if (err) { console.error(err.message); } else { if (data.list.length > 0) { data.list.map((item) => this.list.push(item)) console.log(data); } } }) }

猜你在找的Json相关文章