美文网首页
使用axios发送jsonp请求

使用axios发送jsonp请求

作者: 南慕瑶 | 来源:发表于2020-06-09 10:35 被阅读0次

【背景】

axios 本身不支持 jsonp 这种 dataType(不同于 ajax)

【解决方法】

自行封装一个 jsonp 调用方法:

    jsonp(url) {

        return new Promise((resolve, reject) => {

            // 这里的 "jsonCallBack" ,和调用的 jsonp 的 url 中的 callback 值相对应(见粗体字)

            window.jsonCallBack =(result) => {

                resolve(result)

            }

            const JSONP = document.createElement('script');

            JSONP.type = 'text/javascript';

            JSONP.src = url;

            document.getElementsByTagName('head')[0].appendChild(JSONP);

            setTimeout(() => {

                document.getElementsByTagName('head')[0].removeChild(JSONP)

            },500)

        })

    }

调用示例:

request.jsonp(

            'https://xx.map.yy.com/ss/location/v1/ip?callback=jsonCallBack&key=[KEY]&output=jsonp&_=[NUMBER]'

        )

相关文章

  • vue中发送jsonp请求

    在vue中我们一般都使用axios发送请求,但axios不支持发送jsonp类型的请求。要发送jsonp请求的话需...

  • 使用axios发送jsonp请求

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

  • angular中封装好的jsonp跨域

    1. 1.2使用创建好的jsonp发送请求 2. 2.2使用创建好的jsonp发送请求

  • axios

    axios axios 是一个专注于网络请求的库! axios 的基本使用:繁 发送get请求: 发送post请求...

  • 六、Vue.js

    一、发送AJAX请求 1.简介 2,使用axios发送ajax请求 2.1安装axios并引入 2.1基本用法 3...

  • 前端跨域请求实现(待整理)

    1.常用的vue的axios实现请求 2.传统项目使用jsonp解决跨域请求和接受问题

  • axios 代理服务器

    npm i axios 下载 import axios from 'axios' 引入 发送请求axios请求 跨...

  • 发送ajax请求

    发送ajax请求 vue本身不支持发送ajax请求,需要使用vue-resourc axios等插件实现,建议使用...

  • vue -- 网络应用 -- axios

    axios 网络请求库 axios必须先导入后使用 使用get或post方法即可发送对应的请求 then方法中的回...

  • vue发送请求(axios + vue-resource)

    axios本身并不支持发送跨域的请求,使用vue-resource发送跨域请求。 vue-resource基本使用...

网友评论

      本文标题:使用axios发送jsonp请求

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