jsonp跨域

JSONP实现跨域请求的原理简单的说,就是动态创建<script>标签,然后利用<script>的src 不受同源策略约束来跨域获取数据。

var oBtn = document.getElementById('btn');
   oBtn.onclick = function() {    
//动态创建<script>标签,设置其src,回调函数在src中设置:
       var script = document.createElement("script");
       script.src = "https://api.douban.com/v2/book/search?q=javascript&count=1&callback=handleResponse";
      document.body.insertBefore(script, document.body.firstChild);  

  };

本文由 hcb 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

添加新评论