基于promise和script标签的jsonp

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于promise和script标签的jsonp相关的知识,希望对你有一定的参考价值。

function Jsonp(url){
   var url=url.indexOf(‘?‘)>-1?url+"&callback=callback":url+"?callback=callback";
    return new Promise(function(resolve,reject){
        var script=document.createElement(‘script‘);
        script.src=url
        document.head.appendChild(script);
        window.callback=function(param){
            resolve(param)
        }
    })
}
//后台返回数据示例:callback({‘name‘:‘liuhao‘})
Jsonp("http://192.168.1.100:2015/").then(function(res){
    console.log(res)//{‘name‘:‘liuhao‘}
})

  

以上是关于基于promise和script标签的jsonp的主要内容,如果未能解决你的问题,请参考以下文章

JS 跨域方法思考

跨域解决方案 - JSONP

JSONP

封装jsonp

9.jsonp的实现原理

Jsonp 复习笔记