“Access Control Allow Origin”Google finance converter提供了一个错误javascript/jquery

Question

我正在使用一个项目模块，在那里我想从谷歌金融转换器基于货币代码和金额转换价格。这是我的代码：

$('.actual-price').tooltip({
    content: function(callback) {
        var url = 'https://www.google.com/finance/converter?a=25&from=USD&to=AMD';
        $.get(url, {}, function(data) {            
            callback(data);
        });
    },
    open: function(event, ui) {
        var $id = $(ui.tooltip).attr('id');
        $('div.ui-tooltip').not('#' + $id).remove();
    },
    close: function(event, ui) {
        $('.ui - tooltip').hide();
    }
});

它给我一个错误：

XMLHttpRequest无法加载https://www.google.com/finance/converter?a=25

我尝试了以下方法来解决这个问题，但似乎没有什么对我有效！

第一：在web配置中添加了访问控制允许源站。

<httpProtocol>
    <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
    </customHeaders>
</httpProtocol>

dataType: "jsonp",

并已转介下列职位：

msgstr"请求的资源上没有访问-控制-允许-起源标头"

请求的资源错误上不存在访问-控制-允许-起源头

请求的资源上不存在“Access Control Allow Origin”标头。因此，不允许访问源“…”

msgstr"请求的资源上没有访问-控制-允许-起源标头"

Side：它正在使用我的本地主机，但当我尝试使用另一个域时，它会给我一个错误！




Answer 1

当您将应用程序上载到生产中的服务器时，应用程序将正常工作。因为这只是一个局部问题，浏览器会阻止这种类型的请求。

Answer 2

您需要更改Ajax设置async： false如下所示：

JavaScript代码：

$('.actual-price').tooltip({
    content: function(callback) {
        var url = 'https://www.google.com/finance/converter?a=25&from=USD&to=AMD';
        $.ajaxSetup({async: false}); ////////// Added
        $.get(url, {}, function(data) {            
            callback(data);
        });
    },
    open: function(event, ui) {
        var $id = $(ui.tooltip).attr('id');
        $('div.ui-tooltip').not('#' + $id).remove();
    },
    close: function(event, ui) {
        $('.ui - tooltip').hide();
    }
});

Answer 3

当您发送请求时，允许访问的来源也必须允许在侧面。如果没有，您可以安装一些浏览器扩展来绕过它或下载整个页面（php），然后处理它，但您也可以尝试cors-anywhere.herokuapp.com：

var myUrl = 'http://www.geoplugin.net/json.gp?ip=216.58.209.68';

var proxy = 'https://cors-anywhere.herokuapp.com/';

var finalURL = proxy + myUrl;

// With the get JSON (frequently used) method
$.getJSON(finalURL, function( data ) {
    console.log(data);
});

// With the get method
$.get(finalURL, function( data ) {
    console.log(data);
});

// With the post method
$.post(finalURL, function( data ) {
    console.log(data);
});   

这里有更多。

为什么你的应用程序在localhost主机上工作？我的事情是因为谷歌有访问原点设置，以允许从他们的域和localhost连接。