缺少 X-Requested-With：XMLHttpRequest（导致 200 OK 但显示为错误？）

Question

当我从本地主机检索 JSON 数据时，一切正常。当我尝试从远程计算机获取 JSON 数据时，一切都正常。我可以将来自本地主机的 JSON 数据解析为对象（数据网格插件：jqgrid 渲染它）。但是，当我尝试使用远程源时却没有。在 firebug 中，它显示 200 OK，但显示错误图标并将其写为红色。我检查了本地主机和远程连接标头之间的差异，发现远程连接处没有该标头：

X-Requested-With    XMLHttpRequest

我认为问题可能就是这样。我没有设置它并且它运行良好。它在远程请求时发生。

有什么想法可以解决吗？

PS： 我尝试设置 Ajax 标头，但没有成功：

    $.ajaxSetup({
          headers: {"X-Requested-With":"XMLHttpRequest"}
    });

    $("#userTable").jqGrid({
        url:'http://xx.xx.x.xxx:8080/aa/bb/cc/user',
        colNames:['User Name','Password'],
        colModel:[
            {name:'userName',index:'userName', width:100},
            {name:'password',index:'password', width:55}
        ],
        jsonReader: ...
        ...
    });

当我使用该设置时，我什至看不到来自 Firebug 的 GET 请求。

PS：我使用带有 REST 的 Spring 3 和 Tomcat 作为 Web 服务器。

Answer 1

我认为您遇到了跨站点脚本问题。如果服务器在 HTTP 标头中设置一些附加选项，问题就可以解决的响应。所以解决方案不是像现在那样修改客户端代码，而是在服务器代码中。

我建议您检查将在 来自 href="https://stackoverflow.com/questions/4317646/jqgrid-returns-blank-cells/4326986#4326986">答案。您将看到服务器响应具有以下附加 HTTP 选项：

X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block

并且 JSON 响应将放置在由 jsonCallback 参数定义的函数调用内。如果您使用 jsonCallback=? jqGrid 将生成函数的名称（类似于 jQuery16407707202236448429_1319101394784）。您可以阅读有关 X-XSS-Protection 选项的更多信息 此处 以及关于 X-Content-Type-Options: nosniff 选项 此处。

您可以在演示中看到，数据将是显示在jqGrid中，因此可以在jqGrid中实现跨站脚本。

因为我们调用的服务器是tables.googlelabs.com，不支持jqGrid分页和排序参数，所以我在demo中使用了

url: 'http://tables.googlelabs.com/api/query?jsonCallback=?',
postData: "sql=" + encodeURIComponent("SELECT * FROM 333136 LIMIT 10")

string而不是object作为postData值将覆盖通常发布的任何其他 jqGrid 参数。在您的情况下，不需要这样做，可能您只需要使用 url: 'http://xx.xx.x.xxx:8080/aa/bb/cc/user?jsonCallback=?'< /代码>。

无论如何，您需要在服务器上实现 JSONP 支持。这意味着服务器应该“理解” jsonCallback 参数。实现取决于您的服务器端实现。对于 WCF 服务，它可能只是 webHttpBinding 的 crossDomainScriptAccessEnabled="true" 绑定设置（请参阅 这里是一个示例web.config）。请参阅此答案和这个一个（或这个一) 另外用于 ASP.NET Web 服务和 ASP.NET MVC。