Utilisez JS pour lire les données renvoyées du serveur avec JS en HTML pour afficher
1. Page Js.html
Vous devez introduire des fichiers jQuery JS
Copier le code du code comme suit:
<!
<html>
<adal>
<Title> Nouveau document </TITME>
<Meta name = "General" content = "editplus">
<Meta name = "auteur" content = "">
<Meta name = "keywords" contenu = "">
<Meta name = "Description" content = "">
<script src = "jQuery-1.8.2.min.js"> </ script>
<cript>
$ (function () {
// $ ("#loaddata").
$ (documen) .ready (function () {{) {
// utilise la méthode getjson pour lire les données JSON,
// Remarque: info.json peut être différents types de fichiers, tant que les données sont de type JSON, elle peut
$ .getjson ('info.json', fonction (data) {
var html = '';
$ .Each (data, fonction (i, item) {
html + = '<ped>' + item ['name'] + '</td>' +
'<td>' + item ['sexe'] + '</td>' +
'<td>' + item.address + '</td>' +
'<td>' + item ['home'] + '</td> </tr>';
});
$ ('#Title').
// Après la méthode: insérez le contenu après chaque élément correspondant.
});
});
});
// Remarque: il peut être élément.address, ou il peut être [«adresse»]
// Firefox rapporte "Erreurs de grammaire [" dans le fichier JSON [", peut charger les données seules
// IE Chrome ne peut pas charger de données
</cript>
</ Head>
<input type = "Button" value = "chargement data" id = "loadData" />
<body>
<Table id = "infoable">
<tr id = "title"> <th> name </ th> <th> genre </th> <th> adresse </th> <th> homepage </th> </tr>
</ table>
</docy>
</html>
Fichier info.json
Copier le code du code comme suit:
[
{{
"nom": "Zhangsan",
"Sex": "Man",
"Adresse": "Haangzhou",
"Home": "http://www.zhangsan.com"
},
{{
"Nom": "Lisi",
"Sex": "Wumen",
"Adresse": "Pékin",
"Home": "http: //www.lisi.coms" "
}
]]
Scénario d'application:
Mettez les enregistrements spécifiques à partir de la base de données sur la page statique à afficher régulièrement. en temps réel.
À ce stade, le contenu de JSON peut être chargé à HTML statique.
Il s'agit en effet d'un problème de codage qui ne peut pas être affiché.
Solution: ouvrez le fichier .json, enregistrez-le pour voir le format de codage suivant.
Il y a aussi un endroit facile à faire des erreurs ici:
Demandez au fichier JSON de signaler 405 erreurs, évidemment, le chemin est correct, mais rapporte toujours une erreur.
Solution: modifiez la méthode de demande pour obtenir les demandes: