Ajax 与 JQuery：200 正常，但不是“成功”

Question

我正在尝试使用 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 URL 时，我从未看到该警报。根据 Firebug 的说法，我收到了响应和状态 200 ok，这是我应该做的，但它没有到达“成功”路径。有谁知道为什么？

编辑：我应该补充一点，如果我直接访问该网址，则为 http://books.google.com 等。使用一些随机 q，它可以毫无问题地显示提要 XML，因此查询不是问题。

Answer 1

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

编辑：看起来 Google 也提供了 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#execute

Answer 2

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

如果您不想包含整个 Google Books API，您还可以使用 Google Ajax API 和 jsonp 进行跨域 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!' );
    }
});

Ciao！