Laravel get Json data from url and Print
<p>I am new with JavaScript. Trying to get Json data from a url and and show it on the page. The problem is when I try to print them it shows output like this <code>[object Object].</code> Here is my code.</p>

<p>Controller:</p>

<pre><code>public function get_info()
    {
      $item = SuraList::findOrFail(3);
      return response()-&gt;json(['item'=&gt; $item]);
    }
</code></pre>

<p>HTML: </p>

<pre><code>&lt;section class="content"&gt;
  &lt;div class="row"&gt;
    &lt;div class="box"&gt;
      &lt;div class="box-body"&gt;
        &lt;button class="btn btn-info get-info-btn"&gt;Get info&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="box"&gt;
      &lt;div class="show"&gt;

      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;
</code></pre>

<p>Script: </p>

<pre><code>  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;
});
  }
</code></pre>

<p>Console: </p>

<p><a href="https://i.stack.imgur.com/rWbOu.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rWbOu.jpg" alt="enter image description here"></a></p>

<p>I can see the returned Json data in the console. How do I parse this data? I tried many times but ended up with errors.</p>