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

最新推荐文章于 2023-02-17 15:49:45 发布

truffle528

最新推荐文章于 2023-02-17 15:49:45 发布

阅读量1.5k

点赞数

分类专栏： web 文章标签：跨域 javascript 百度地图云存储API

本文链接：https://blog.csdn.net/truffle528/article/details/79296504

版权

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

摘要由CSDN通过智能技术生成

最近在写一个基于百度地图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, err