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

 

一、jquery方式

        $(function () {
   
   
   
            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",
                jsonpCallback: "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!