通过ajax在我的网站上使用谷歌趋势

时间:2017-02-14 02:44:18

标签: javascript jquery html ajax

我正在尝试在我正在处理的网站上显示google trends。我知道我可以使用iframe来显示每个趋势,但我想显示所有趋势。我无法使用iframe显示整个网站(不仅因为此错误net::ERR_BLOCKED_BY_CLIENT而且因为它会是抄袭)。

我现在正在尝试使用ajax来实现这一目标但由于某种原因它无法正常工作。我看了this非常有用的帖子,但是我无法使他们的任何建议有效。这是我目前正在处理的代码(来自上面的帖子):

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$.ajaxPrefilter( function (options) {
  if (options.crossDomain && jQuery.support.cors) {
    var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
    options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
  }
});

$.get(
    'https://www.google.com/trends/topcharts#vm=cat&geo=US&date=201611&cid',
    //When I replace the trends URL with the example URL ( http://en.wikipedia.org/wiki/Cross-origin_resource_sharing ) Everything works perfect.
    function (response) {
        console.log("> ", response);
        $("#getOutput").html(response);
});

</script>
</head>
<body>
<div id="getOutput">loading...</div>
</body>
</html>

提前感谢您的帮助!

0 个答案:

没有答案