18

我正在尝试使用 AJAX 向 Google 图书发送查询并在我的网站上显示结果。我正在使用 JQuery 发送请求并处理响应，如下所示：

var query = [formatted input from a form];
var URL = "http://books.google.com/books/feeds/volumes?q="+query+"&start-index=1&max-results=5";

$.ajax({
    type: "GET",
    url: URL,
    dataType: "xml",
    success: function(data, status){
        alert(status);
    }
});

目前，如果收到响应，我只有脚本提醒“成功”。如果我使用我的脚本将该查询发送到本地页面进行测试，这很好。但是，当我按照开发人员 API 页面上的说明将 URL 设置为上面列出的 Google 时，我从未看到警报。根据 Firebug 的说法，我收到了一个响应和 200 ok 的状态，但它并没有达到那个“成功”的路径。有谁知道为什么？

编辑：我应该补充一点，如果我直接跟随 URL，到http://books.google.com等带有一些随机 q，它会毫无问题地显示提要 XML，因此查询不是问题。

4

2 回答 2

14

您不能在标准浏览器安全设置下使用 XMLHttpRequest 进行跨域请求。一种可能的解决方案是编写一个本地代理函数（假设您可以创建服务器端代码），将查询转发到外部站点，然后返回响应。

编辑：看起来谷歌也提供了一个 JavaScript API。我会假设他们的设计方式是为了避免跨域 XHR 问题。

http://code.google.com/apis/books/docs/js/devguide.html#execute

编辑：书籍的 JavaScript API 已被弃用。虽然它不再实用，但您可以通过 Wayback Machine 存档查看原始参考文档文本：http://web.archive.org/web/20120414070427/http: //code.google.com/apis/books/docs /js/devguide.html#执行

于 2011-01-30T02:51:14.543 回答
3

这是 ajax 调用的跨域问题，因为浏览器具有基于域策略的安全模型。

如果您不想包含整个 Google Books API，您还可以使用带有 jsonp 的 Google Ajax API 进行跨域 ajax 调用。

这里的文档：

http://code.google.com/apis/books/docs/js/jsondevguide.html#basic_query

jQuery 示例

var query = 'jquery';
var URL = 'https://ajax.googleapis.com/ajax/services/search/books?v=1.0&q=' + query;

$.ajax({
    type: 'GET',
    url: URL,
    dataType: 'jsonp',
    success: function( data, status ){
        alert( data.responseData.results.length + ' results found!' );
    },
    error: function() {
        alert( 'Something goes wrong!' );
    }
});

再见！

于 2011-01-30T03:39:26.973 回答