jsonp 动态创建script

Posted 欢乐之家

tags:

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

function loadScript(url, func) {
  var head = document.head || document.getElementByTagName(‘head‘)[0];
  var script = document.createElement(‘script‘);
  script.src = url;

  script.onload = script.onreadystatechange = function(){
    if(!this.readyState || this.readyState==‘loaded‘ || this.readyState==‘complete‘){
      func();
      script.onload = script.onreadystatechange = null;
    }
  };

  head.insertBefore(script, 0);
}
window.baidu = {
  sug: function(data){
    console.log(data);
  }
}
loadScript(‘http://suggestion.baidu.com/su?wd=w‘,function(){console.log(‘loaded‘)});
//我们请求的内容在哪里?
//我们可以在chorme调试面板的source中看到script引入的内容

以上是关于jsonp 动态创建script的主要内容,如果未能解决你的问题,请参考以下文章

浅谈jsonp

封装jsonp

JSONP原理

9.jsonp的实现原理

封装一个JSONP请求

jsonp的实现原理