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!