Kendo ui 如何使用KendoUI获取以下JSON URL？

这是URL返回的内容：

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

这就是我想做的，但它什么也没有返回：

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

剑道UI测试

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

$（文档）.ready（函数（）
{
var retrievedData=new kendo.data.DataSource({
运输：{
阅读：{
url:“http://...",
数据类型：“json”
}
}
});
$（“#网格”）.kendoGrid({
数据源：retrievedData，
栏目：[{
字段：“id”，
标题：“身份证”，
宽度：150
}, {
字段：“NotificationType”，
标题：“通知类型”，
宽度：150
}]
});
});

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

URL是一个本地主机，我尝试使用“json”和“jsonp”作为数据类型

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

我遗漏了什么吗？没有返回任何数据。

我发现了问题

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

问题是我在IIS express上运行。我在“配置”设置的“Web”选项卡下取消选中“使用IIS Express”，它成功了

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

这就是最终代码现在的样子：

    <script type="text/javascript">
        $(document).ready(function()
        {
            var retrievedData = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://...",
                        dataType: "json"
                    }
                }
            });
            $("#grid").kendoGrid({
                dataSource: retrievedData,
                columns: [{
                        field: "id",
                        title: "ID",
                        width: 150
                    }, {
                        field: "NotificationType",
                        title: "NotificationType",
                        width: 150
                    }]
            });
        });
    </script>
</body>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Kendo UI Test</title>
        <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css"/>
        <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.min.js"> </script>
        <script src="js/kendo.web.min.js"> </script>
    </head>
    <body>
        <div id="grid"></div>

        <script type="text/javascript">

                var retrievedData = new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: "http://localhost/..."
                        }
                    }
                });
                $("#grid").kendoGrid({
                    dataSource: retrievedData,
                    columns: [{
                            field: "id",
                            title: "ID",
                            width: 150
                        }, {
                            field: "NotificationType",
                            title: "NotificationType",
                            width: 150
                        }]
                });
        </script>
    </body>
</html>

剑道UI测试
var retrievedData=new kendo.data.DataSource({
运输：{
阅读：{
url:“http://localhost/..."
}
}
});
$（“#网格”）.kendoGrid({
数据源：retrievedData，
栏目：[{
字段：“id”，
标题：“身份证”，
宽度：150
}, {
字段：“NotificationType”，
标题：“通知类型”，
宽度：150
}]
});