美文网首页前端二三事
给axios封装一个jsonp方法

给axios封装一个jsonp方法

作者: coffee_me | 来源:发表于2017-07-13 23:33 被阅读0次

axios最新版本已经不支持jsonp方法了,不想因为一个jsonp请求就又去引一个依赖,所以决定自己封装一下

//axios本版本不支持jsonp 自己拓展一个
axios.jsonp = (url) => {
    if(!url){
        console.error('Axios.JSONP 至少需要一个url参数!')
        return;
    }
    return new Promise((resolve,reject) => {
        window.jsonCallBack =(result) => {
            resolve(result)
        }
        var JSONP=document.createElement("script");
        JSONP.type="text/javascript";
        JSONP.src=`${url}&callback=jsonCallBack`;
        document.getElementsByTagName("head")[0].appendChild(JSONP);
        setTimeout(() => {
            document.getElementsByTagName("head")[0].removeChild(JSONP)
        },500)
    })
}

相关文章

  • 给axios封装一个jsonp方法

    axios最新版本已经不支持jsonp方法了,不想因为一个jsonp请求就又去引一个依赖,所以决定自己封装一下

  • 使用axios发送jsonp请求

    【背景】 axios 本身不支持 jsonp 这种 dataType(不同于 ajax) 【解决方法】 自行封装一...

  • ts通过class类封装axios

    ts通过class类封装axios 一、axios 安装 二、HttpRequest类封装 三、接口方法封装 四、...

  • 用JSONP抓取数据

    jsonp,vue,前端很多网站都是用jsonp传输数据的,可以抓取这些数据。提供一个封装好的jsonp方法。首先...

  • react获取服务器api接口数据-06

    一、axios获取服务器接口(非jsonp) axios不支持jsonp跨域。 1、axios安装 使用命令行进行...

  • 易维护的 vue的项目的搭建

    axios 的封装 常用方法的封装 然后放到原型上 先把axios发到一个类中把需要添加的token 跟不同状态的...

  • 【axios源码】封装ajax请求

    文本主要涉及到axios封装ajax请求的方法,首先从自己封装一个ajax请求会遇到的困难出发,然后看axios源...

  • 使用nodeJS导出excel

    node部分 前端部分 封装了一个axios方法,关键是设置 responseType: 'blob'

  • promise封装axios方法

    axios 获取后台数据的方法插件 promise 处理异步的方法 封装 在实际项目里为了更方便的使用axios获...

  • jsonp封装

    jsonp: 1、axios不支持jsonp,但是有插件,试了不好用2、vue-resource支持jsonp,试...

网友评论

    本文标题:给axios封装一个jsonp方法

    本文链接:https://www.haomeiwen.com/subject/mkoghxtx.html