javascript - Kendo UI Grid 仅在 IE8 和 IE9 中不显示任何数据

Question

我有一个 Kendo UI 网格，它在 IE10/11/Chrome/Firefox 中工作得非常好。然而，在 IE8/9 中它完全无法呈现任何返回的数据。它连接到 OData Web Api 2 端点。这是 Javascript:

$(document).ready(function ()
{
    $("#grid").kendoGrid({
        dataSource: {
            transport: {
                read: "http://cross_site_url:port/api/TrackedContainers/get"
            },
            pageSize: 15,
            sort: { field: "EventTime", dir: "desc" }
                },
        filterable: true,
        sortable: true,
        pageable: true,
        columns: [
            { field: "QrCode", title: "QR Code", width: 100 },
            { field: "Type", title: "Type", width: 150 },
            { field: "Location", title: "Location", width: 200 },
            { field: "Status", title: "Status", width: 90 },
            { field: "FailedCollectionReason", title: "Failed Collection Reason", width: 150 },
            {
                field: "EventTime",
                title: "Event Time",
                type: "date",
                format: "{0:dd-MMM-yyyy hh:mm:ss tt}",
                parseFormats: ["yyyy-MM-dd'T'HH:mm:ss.zz"],
                width: 150
            }
        ]
    });
});

这一次，IE11 的兼容模式似乎准确地模仿了现实世界，并且在设置为 IE8 文档模式时也无法显示任何结果。上面的 URL 显然不是真实的 - 但是它确实进行了跨站点调用，因此我尝试在 IE8 中启用 XSS 但无济于事。添加到受信任的站点也没有任何区别。

查看它的网络流量，在 IE8/9 中网格似乎根本不尝试 HTTP GET。

有什么想法吗？

Answer 1

Did you add a CORS transport to jQuery? IE8 and 9 require the use of the XDomainRequest object to perform CORS requests which is not included in jquery. – Kevin B 41 mins ago

Above your document.ready, add $.support.cors = true; – Robin Giltner 53 secs ago

以上解决了，谢谢各位。