如何使用关系ajax和laravel？

在Laravel中，blade.php文件中与ajax的关系如下所示，例如：

{{ foreach($schhols as $school) }}
    <td>{{ $school->user->name }}</td>
    <td>{{ $school->user->address}}</td>
    <td>{{ $school->user->country}}</td>
{{ endforeach }}

{{foreach（$schhols as$school）}
{{$school->user->name}
{{$school->user->address}
{{$school->user->country}
{{endforeach}}

但是在阿贾克斯和拉雷维尔之间，怎么做呢

function load() {
    $.get('/read', function (data){
        $('#data').html("");
        $.each(data, function (key, val) {
            $('#data').append("<tr>"+
                "<td>"+val.id+"</td>"+
                "<td id='ename'>"+val.name+"</td>"+
                "<td id='eaddress'>"+val.address+"</td>"+
                "<td id='ecountry'>"+val.country+"</td>"+
                "<td>"+
                    "<button class='btn btn-warning' id='edit' data-id="+val.id+">Edit</button>"+
                    "<button class='btn btn-danger' id='delete' data-id="+val.id+">Delete</button>"
                +"</td>"+
            +"</tr>")
        });
    });
}

函数加载（）{
$.get（'/read'，函数（数据）{
$（“#数据”）.html（“”）；
$。每个（数据、函数（键、值）{
$（'#数据'）。追加（“”+
“”+val.id+“”+
“”+val.name+“”+
“”+val.address+“”+
“”+val.country+“”+
""+
“编辑”+
“删除”
+""+
+"")
});
});
}

这会发生吗

"<td id='ename'>"+val.user.name+"</td>"+
"<td id='eaddress'>"+val.user.address+"</td>"+
"<td id='ecountry'>"+val.user.country+"</td>"+

“”+val.user.name+“”+
“”+val.user.address+“”+
“”+val.user.country+“”+

在控制器中

public function read(Request $request){
  $schhols = Schhol::get();

  // if ajax request return response in json 

  if($request->ajax()){
     return response()->json($schhols);
  }else{

   // else return data to view

     return view('schhol_view',compact('schhols'))
   }
}

如果您从前端发送ajax请求：

 <script>
    function load() {
            $.ajax({
                 url: '/read',
                 type:'GET',
                 dataType:'json',
                 contentType:'application/json',
                 success:function (data){
                    $('#data').html("");
                    $.each(data, function (key, val) {
                    $('#data').append("<tr>"+
                        "<td>"+val.user.id+"</td>"+
                        "<td id='ename'>"+val.user.name+"</td>"+
                        "<td id='eaddress'>"+val.user.address+"</td>"+
                        "<td id='ecountry'>"+val.user.country+"</td>"+
                        "<td>"+
                            "<button class='btn btn-warning' id='edit' data-id="+val.user.id+">Edit</button>"+
                            "<button class='btn btn-danger' id='delete' data-id="+val.user.id+">Delete</button>"
                        +"</td>"+
                    +"</tr>")
                },error:function(err){
                    console.log('Error loading data');
                 }
            });
        }
    </script>

函数加载（）{
$.ajax({
url:“/read”，
类型：'GET'，
数据类型：'json'，
contentType:'application/json'，
成功：功能（数据）{
$（“#数据”）.html（“”）；
$。每个（数据、函数（键、值）{
$（'#数据'）。追加（“”+
“”+val.user.id+“”+
“”+val.user.name+“”+
“”+val.user.address+“”+
“”+val.user.country+“”+
""+
“编辑”+
“删除”
+""+
+"")
}，错误：函数（err）{
log（“加载数据时出错”）；
}
});
}

您如何将响应发送到ajax，json响应？如果您发送的json响应具有正确的标题，那么是的，您可以像这样使用它。您是认真的吗？您可以尝试

response（）->json（$schools，200）；