/ / Comment obtenir l'URL JSON suivante avec Kendo UI? - kendo-ui, source de données

Comment obtenir l'URL JSON suivante à l'aide de Kendo UI? - kendo-ui, source de données

Voici ce que l'URL renvoie:

Et c’est ce que j’essaie de faire mais cela ne renvoie rien:

Test de Kendo 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>

L’URL est un hôte local et j’ai essayé d’utiliser "json" et "jsonp" comme type de données.

Est-ce que je manque quelque chose? Aucune donnée n'est renvoyée.

Réponses:

1 pour la réponse № 1

J'ai découvert le problème.

Le problème était que je courais sur IIS Express. J'ai décoché "Utiliser IIS Express" sous l'onglet Web des paramètres de configuration et cela a fonctionné.

Voici à quoi ressemble le code final:

<!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>