Web服务API跨域的Cross-Origin Read Blocking (CORB) blocked cross-origin response报错两种解决方案

百度Web服务API跨域的Cross-Origin Read Blocking (CORB) blocked cross-origin response报错两种解决方案

 

一、jquery方式

        $(function () { 　　　　　　//注意在末尾加&callback = callback var url = "http://api.map.baidu.com/place/v2/search?query=ATM机&tag=银行&region=北京&output=json&ak=F552bedbee2ec8fa6bae7b7a08201&callback=callback"; $.ajax({ type: "get", async: false, url: url, dataType: "jsonp", jsonp: "callback", //回掉函数名（右边）的参数名（左边），默认callback，服务端通过它来获取到回掉函数名 jsonpCallback: "callback", //默认jquery自动生成，返回的回调函数名字 callback success: function (data) { var json = JSON.stringify(data); console.log(json); }, error: function (err) { console.log(err); } }); }); 

二、客户端方式

        // 提供jsonp服务的url地址; var url = "http://api.map.baidu.com/place/v2/search?query=ATM机&tag=银行&region=北京&output=json&ak=F552bedbee2ec8fa6bae7b7a08201&callback=callback"; // 创建script标签，设置其属性; var script = document.createElement("script"); script.setAttribute("src", url); document.getElementsByTagName("head")[0].appendChild(script); // 得到查询结果后的回调函数; var callback = function (data) { var json = JSON.stringify(data); console.log(json); }; 

Done!