2
JavaScriptで新しいです。 URLからJsonデータを取得してページに表示しようとしています。問題は、印刷しようとすると、次のような出力が表示されます。[object Object].
ここに私のコードです。LaravelはJsonのデータをURLから取得します。
コントローラー:
public function get_info()
{
$item = SuraList::findOrFail(3);
return response()->json(['item'=> $item]);
}
HTML:
<section class="content">
<div class="row">
<div class="box">
<div class="box-body">
<button class="btn btn-info get-info-btn">Get info</button>
</div>
</div>
<div class="box">
<div class="show">
</div>
</div>
</div>
</section>
スクリプト:
var test = document.querySelector(".get-info-btn");
test.addEventListener('click',getInfo);
function getInfo()
{
$.getJSON('/get-info', function(data) {
console.log(data);
var show = document.querySelector(".show");
show.innerText = data;
});
}
コンソール:
返されたJsonデータはコンソールで確認できます。このデータを解析するにはどうすればよいですか?私は何度も試したが、エラーで終わった。
返すでしょうか? –