无法通过ajax调用从“数据库”获取数据“No'Access-Control-Allow-Origin'”

问题描述：

I'm trying to do an ajax GET call to get some information out of my database. Offline (trough localhost) everything works perfectly. Online I get the same error over and over again:

"No 'Access-Control-Allow-Origin' header is present on the requested resource." As you can see on following link: http://d.pr/i/pHR4

The javascript code:

    function loadnewsong(){

    var url = "http://www.sonder.be/?nextsong=true&id=" + $('#musicid').text();

    $.ajax({
        type:"GET",
        url: url,
        dataType:"json",
        success: function(data){
            console.log(data);

            $('#title').fadeOut(function(){

            $('#title').text(data[0].title);
                $('#title').fadeIn();
            });

            $('#musicid').text(data[0].id);

            audio.pause();
            $('#srcmp3').attr('src',"assets/media/" + data[0].mp3);
            $('#srcogg').attr('src',"assets/media/" + data[0].ogg);
            audio.load();
            audio.play();

            url = "http://www.sonder.be/?nextsong=true&id=" + $('#musicid').text();

        }
    });
}

What can I possibly be doing wrong?

我正在尝试进行ajax GET调用以从我的数据库中获取一些信息。离线（通过localhost）一切都很完美。在线我一遍又一遍地得到同样的错误： p>

“请求的资源上没有'Access-Control-Allow-Origin'标题。” 您可以在以下链接中看到： http://d.pr/i/pHR4 p>

javascript代码： p>

  function loadnewsong（）{
 
 var url =“http://www.sonder.be/?nextsong=true&id=”+  $（'＃musicid'）。text（）; 
 
 $ .ajax（{
 type：“GET”，
 url：url，
 dataType：“json”，
 success：function（data  ）{
 console.log（data）; 
 
 $（'＃title'）。fadeOut（function（）{
 
 $（'＃title'）。text（data [0] .title）  ; 
 $（'＃title'）。fadeIn（）; 
}）; 
 
 $（'＃musicid'）。text（data [0] .id）; 
 
 audio.pause（  ）; 
 $（'＃srcmp3'）。attr（'src'，“assets / media /”+ data [0] .mp3）; 
 $（'＃srcogg'）。attr（'src'，“  assets / media /“+ data [0] .ogg）; 
 audio.load（）; 
 audio.play（）; 
 
 url =”http：  //www.sonder.be/?nextsong=true&id=“+ $（'＃musicid'）。text（）; 
 
} 
}）; 
} 
  code>   pre> 
 
 我可能做错了什么？ p> 
  div>

答

sonder.be is asking the browser to get data from www.sonder.be and www.sonder.be isn't giving it permission to share that data with sonder.be.

Since these are, presumably, different hostnames that point to the same site, you have wto simple approaches to fix this:

Pick one of the two host names to be canonical and issue 301 redirects for all resources on the other to it.
Use relative URIs.

无法通过ajax调用从“数据库”获取数据“No'Access-Control-Allow-Origin'”

相关推荐