2016-07-13 18 views
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; 
}); 
    } 

コンソール:

enter image description here

返されたJsonデータはコンソールで確認できます。このデータを解析するにはどうすればよいですか?私は何度も試したが、エラーで終わった。

+1

返すでしょうか? –

答えて

2

JSONを使用できます。 stringify(obj)。あなたのケースでは

、これはどこに解析して(または解析しようとする)のデータを、あなたのコードである

"{"item":{"created_at":null, "id":3, [and so on]}"

関連する問題