[JS]JSONP跨域访问百度地图云存储API

最新推荐文章于 2024-06-05 09:21:00 发布

原创

最新推荐文章于 2024-06-05 09:21:00 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#跨域 #javascript #百度地图云存储API

在开发一个基于百度地图API的电子地图项目时，遇到了跨域问题。尝试使用AJAX获取百度地图云存储平台的数据表，但因跨域限制导致数据无法正常获取。通过调整dataType为jsonp，虽然请求成功但数据未正确解析。最终，通过使用Yahoo的JSONP代理API成功解决了跨域访问问题。

最近在写一个基于百度地图API实现的某旅游村落电子地图，在访问百度地图云存储平台上的数据表时出现了跨域问题，一开始我使用ajax获取script，代码如下：

function showDataz(data) {
        console.log("收到数据");
    }
  //查询百度lbs云中的数据表
  $.ajax({
     url: "http://api.map.baidu.com/geodata/v4/geotable/detail?ak=DTCvvn4nDAo0yFl3HpTw6O4bPSpk1btf&id=1000003116&jsoncallback=?",
     jsonpCallback:"showDataz",
      type:"GET",
      dataType:'script',
      jsonp:"showDataz",//重写回调函数名字
      cache:true,//缓存得到的数据
      success:function(data, textStatus, jqxhr) {
          $.each(data,function(index,content){

          })
          console.log(data); //data returned
          console.log(textStatus); //success
          console.log(jqxhr.status); //200
          console.log('Load was performed.');
      },
      error:function(XMLHttpRequest, textStatus, errorThrown){
          console.log("请求失败，status："+XMLHttpRequest.status);
          console.log("r