実現したいこと
下記のようなJSONデータをJavascript(XMLHttpRequest)を使って取得し、
HTMLに出力させようとしています。
{ "sample1": "AAAA", "list1": { "00001": { "sample2": "BBBB", "list2": [ { "sample3": "CCCC" } ] } } }
発生している問題・分からないこと
上記JSONデータの「AAAA」に当たる箇所は既に取得できていますが、「CCCC」に当たる箇所が取得できません。
仮に「00001」の箇所を文字列に変えると取得できますが、数字のままだとうまくいきません。
JSONデータは変更できないので、Javascript側で調整したいです。
該当のソースコード
let requestURL = 'sample.json'; let request = new XMLHttpRequest(); request.open('GET', requestURL); request.responseType = 'json'; request.send(); request.onload = function() { let listJSON = request.response; listJSON = JSON.parse(JSON.stringify(listJSON.list1.0001)); pageList(listJSON.list2) } function pageList(els) { let section = document.querySelector('.sample'); els.forEach(function(el) { let sample = el.sample3; let sampleCode = '<p>' + sample + '</p>'; section.insertAdjacentHTML('beforeend', sampleCode); }); }
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
https://muttaan.com/js-json/
こちらのサイトを参考にしています。
補足
特になし
回答2件
あなたの回答
tips
プレビュー