XMLHttpRequest 响应在 Javascript 中为 null

Question

当尝试执行 XMLHttpRequest 时，响应从服务器返回（如在 Fiddler 中检查的那样），但 xhr.getAllResponseHeaders() 返回 null 并引发异常。

是因为“同源政策”吗？您能建议如何解决这个问题吗？

代码：使用datajs.codeplex.com开源代码：

                xhr.onreadystatechange = function () {
                if (xhr === null || xhr.readyState !== 4) {
                    return;
                }

                // Workaround for XHR behavior on IE.
                var statusText = xhr.statusText;
                var statusCode = xhr.status;
                if (statusCode === 1223) {
                    statusCode = 204;
                    statusText = "No Content";
                }

                var headers = [];
                var responseHeaders = xhr.getAllResponseHeaders().split(/\r?\n/);

资源位于不同的域中。访问 http://odata.netflix.com/v1/Catalog/Genres

Answer 1

要规避同源策略，您可以使用 JS 调用 PHP 脚本来获取外部 url 的内容并echo 结果。

Answer 2

如果同源策略是您的问题，您可以使用 YQL 作为代理。

编辑：例如。 http://developer.yahoo.com/yql/console/#h=select%20*%20from%20atom%2810%29%20where%20url %3D%27http%3A//odata.netflix.com/v1/Catalog/Genres%27

好处是，您可以要求以 json 形式获取结果，并从客户端脚本轻松使用它。