jQuery AJAX请求失败但能够在浏览器中打开URL

Question

我目前正在编写一个简单的jQuery例程，该例程对包含XML的API执行AJAX调用。问题是它在控制台中失败并出现以下错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

但是，当我将API URL直接输入浏览器时，我能够看到XML文件。为什么会这样？

AJAX代码：

$('.btn').click(function(){
    //alert('entered!')
    $.ajax({
        type: "GET",
        url: 'http://xx.xx.xx.xx/DataServices/Data.svc/',
        success: function(responseXML) {
            $('.text').html('');
            $('.text').text(responseXML);
        },
        dataType: "xml",
    })
})

评论重复：

我认为这个问题不是重复的，因为表明该副本的线程假定可以访问服务器以及前端。在这种情况下，我试图查询第三方的API。另外，我观察到一些奇怪的行为，因为我能够从浏览器地址栏查询它，但不能从localhost（在同一浏览器中）查询。