Maison >interface Web >tutoriel HTML >Comment lire un fichier json en HTML
Pour lire des fichiers JSON en HTML, vous devez : créer des objets JavaScript pour analyser les chaînes JSON ; utiliser JavaScript pour accéder aux données JSON, y compris les propriétés, les éléments du tableau et les objets imbriqués.
Comment lire des fichiers JSON en utilisant HTML
Pour lire des fichiers JSON en utilisant HTML, vous pouvez suivre les étapes suivantes :
1. Créez un objet JavaScript pour analyser JSON
<code class="javascript">const obj = JSON.parse(jsonString);</code>
où jsonString
est une chaîne contenant des données JSON. jsonString
是包含 JSON 数据的字符串。
2. 使用 JavaScript 访问 JSON 数据
解析 JSON 字符串后,可以使用 JavaScript 访问其中的数据。以下是一些示例:
<code class="javascript">// 访问 JSON 对象的属性 console.log(obj.name); // 访问 JSON 数组的元素 console.log(obj[0]); // 访问 JSON 嵌套对象 console.log(obj.nested.value);</code>
示例代码:
<code class="html"><script> // 假设 JSON 数据已存储在 JSONString 变量中 // 解析 JSON 字符串 const obj = JSON.parse(jsonString); // 访问 JSON 数据 console.log(obj.name); // 输出:John console.log(obj[0]); // 输出:{name: "Alice", age: 25} console.log(obj.nested.value); // 输出:100 </script></code>
其他注意事项:
XMLHttpRequest
或 fetch
XMLHttpRequest
ou fetch
pour obtenir des données JSON côté serveur. 🎜🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!