javascript - 通过 jQuery 调用 Google 自定义搜索 API 的访问控制源错误

Question

我尝试使用 JQuery 调用 google 自定义搜索 API 并收到访问控制源错误。这有效:

<script>
function hndlr(response) {
    console.log(response);
    for (var i = 0; i < response.items.length; i++) {
        var item = response.items[i];
        $('#content').append(item.htmlTitle + "<br/>");
    }
}
</script>
<script src="https://www.googleapis.com/customsearch/v1?key=AIzaSyABvGyx3nwDJJtbaRe2_UZhakVSpcxfebU&cx=017576662512468239146:omuauf_lfve&q=perlin+noise&callback=hndlr"></script>

但是如果我尝试引入jquery，它就不起作用:

var url = "https://www.googleapis.com/customsearch/v1?key=[MY_KEY]&q=perlin+noise&callback=hndlr";

$.ajax({
    url: url,
    dataType: 'json',
    success: function(data){
    console.log('data:' + data);
}

或者

$.get(url, function(data) {
    console.log(data)
});

Answer 1

您正在进行跨域请求，因此必须使用 JSONP。

http://davidwalsh.name/jsonp

我建议使用 $.getJSON

您需要设置清除回调，以便 JSONP 不会调用函数