Q&A
ServerControllerはどこで定義されたものでしょうか？
jsonの情報をhtmlページに表示させたいけどうまくいかない
<body> <p><span class="aaa"></span>さん</p> <a class="bbb" href="">なにかのページ</a> <script type="application/javascript"> var serverController = new ServerController(); serverController.post("jsonのurl", {}, function (data) { var i = 0; var name = data[i].theName; var link = data[i].theUrl; document.getElementsByClassName("aaa").textContent = name; document.getElementsByClassName("bbb").href = link; }); </script> </body>
json
1[ 2 { 3 "theName":"阿藤", 4 "theUrl":"https://teratail.com/" 5 } 6] 7
script部分におかしな所があるのでしょうか。
回答1件
0
ベストアンサー
- ServerControllerはなにかのライブラリを利用していますか？
- jsonデータ最後の要素の後ろにカンマはつけてはいけません
- getElementsByClassで得たdomは複数前提なので[0]などつけないといけません
投稿2020/06/05 00:09
編集2020/06/05 00:12
総合スコア114896
<script>
window.addEventListener('DOMContentLoaded', ()=>{
var url="hoge.json";
fetch(url).then(res=>res.json()).then(data=>{
var name = data[0].theName;
var link = data[0].theUrl;
document.querySelector(".aaa").textContent = name;
document.querySelector(".bbb").setAttribute("href",link);
});
});
</script>
<p><span class="aaa"></span>さん</p>
<a class="bbb" href="">なにかのページ</a>
ServerControllerは頂いたコードのjson取得部分に残っていたものを特に気にせず流用していました。
ライブラリは恐らく使用していないはずです。
ともあれgetElementsByClassに[0]をつけたら機能しました。
ありがとうございますm(_ _)m
あなたの回答
tips
プレビュー
