发起JSONP请求

最新推荐文章于 2023-09-13 17:23:03 发布

weixin_34144450

最新推荐文章于 2023-09-13 17:23:03 发布

阅读量135

点赞数

文章标签： java

原文链接：https://my.oschina.net/u/2324376/blog/679893

版权

2019独角兽企业重金招聘Python工程师标准>>>

JSONP说白了，就是利用<script>标签执行一个合法的跨域请求，然后执行自定义回调函数。代码如下：

/**
 * 发起JSONP请求
 * @function jsonp
 * @param {String} url 请求的URL
 * @param {Function} onSuccess jsonp响应成功后的回调函数
*/
function jsonp(url, onSuccess) {
    var hash = Math.random().toString().slice(2);
    window['jsonp' + hash] = function(data) {
        if ('undefined' !== typeof data.errCode) {
            data.errCode = parseInt(data.errCode, 10);
        }
        clearJsonp(hash);
        onSuccess(data);
    };
    var script = document.createElement('script');
    script.id = 'js' + hash;
    script.onerror = function() {
        console.log('JSONP failed');
        clearJsonp(hash);
        onSuccess();
    };
    script.src = url + '&_=' + hash + '&jsonp=jsonp' + hash;
    document.body.appendChild(script);
}

// 清理jsonp临时数据
function clearJsonp (hash) {
    window['jsonp' + hash] = null;
    delete window['jsonp' + hash];
    setTimeout(function(){
        document.body.removeChild(document.getElementById('js' + hash));
    }, 50);
}

转载于:https://my.oschina.net/u/2324376/blog/679893