表中没有显示Ajax数据？

Question

我有Allocate_classRoom 数据库tabl e我要使用ajax显示数据

 function departmentQuery()
  {
      var department = $('#department' ).val();

      if(department!=" ")
      {
          var urls = "{{ URL::to('roomAjax') }}";
          var request = $.ajax({
              url: urls+"/"+department,
              type: "GET",
              dataType: 'json'
          });
          request.done(function(data){
              var allRoom ="";
              for (var  i=0; i<data.length;i++)
              {
                 // room +="<option value=' " +data[i].id+ " ' >"+data[i].name+ "</option>";
              allRoom +=" <tr> " +
                            "<td>"+data[i].id+"</td>"+
                            "<td>"+data[i].course_id+"</td>"+
                            /*"<td>"+ course->name+"</td>"+*/
                            "<td>"+data[i].Room_No+"</td>"+
                            "<td>"+data[i].date+data[i].start_time+data[i].end_time+"</td>"+

                          "</tr>";
              }
              $("#allRoom").html(allRoom);
          });
          request.fail(function(){
              alert('failed to get items for that department');
          });
      }else {
          alert('Select Department');
      }
  }

我正在上传控制器代码

public function ajaxRoom($id)
    {
        $allRoom = AllocateClassroom::where('department_id',$id)-
            >with('course')->get();
   

        return response()->json($allRoom);

    }

.Data从数据库返回，但我无法将其显示在我的视图表中，请您提出建议。