未捕获的类型错误：无法读取长度未定义

Question

在下面的JavaScript代码中无法读取未定义错误的长度请查出（我想把json数组的数据库值打印成带图像的表格格式）

$(document).ready(function() {
      $('#opt2').click(function() {
        alert($(this).attr('id')); //-->this will alert id of checked checkbox.
        if (this.checked) {
          $.ajax({
            method: "GET",
            url: "<?php echo base_url(); ?>index.php/secondpage/sorting",
            dataType: 'json',
            success: function(data) {
              var jsonObj = data;
              $('#tbody').append('');
              n = jsonObj.rooms.length;
              for (i = 0; i < n; i++) {
                var eachrow = "<tr>" + "<td>" + jsonObj.rooms[i].image_url + "</td>" + "<td>" + jsonObj.rooms[i].name + "</td>" + "<td>" + jsonObj.rooms[i].location + "</td>" + "<td>" + jsonObj.rooms[i].price + "</td>" + "</tr>";
                $('#tbody').append(eachrow);
              }
            }
          });
        }
      });

<table>
  <thead>
    <tr>

    </tr>
  </thead>
  <tbody id="tbody">
  </tbody>
</table>

是否应该在JavaScript文件中出现错误

以及如何在JavaScript文件中使用数据库（即phpmyadmin）显示图像      请立即找出我想快速帮我解答