ホームページ > 記事 > ウェブフロントエンド > HTMLでjsonファイルを読み取る方法
HTML を使用して JSON ファイルを読み取るには、JSON 文字列を解析する JavaScript オブジェクトを作成し、プロパティ、配列要素、ネストされたオブジェクトなどの JSON データにアクセスするために JavaScript を使用する必要があります。
#HTML を使用して JSON ファイルを読み取る方法
HTML を使用して JSON ファイルを読み取るには、次の手順:1. JSON を解析する JavaScript オブジェクトを作成します
<code class="javascript">const obj = JSON.parse(jsonString);</code>(
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>
その他の注意事項:
または
fetch API を使用して、サーバー側から JSON データを取得できます。
以上がHTMLでjsonファイルを読み取る方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。