Html 在laravel中使用Ajax显示数据_Html_Ajax_Database_Laravel 5.4

Html 在laravel中使用Ajax显示数据

html ajax database

Html 在laravel中使用Ajax显示数据,html,ajax,database,laravel-5.4,Html,Ajax,Database,Laravel 5.4,我试图从一个表“Company”中的数据库中获取数据，输出格式为json，我必须在数据表中显示它控制器路线刀片页 $（文档）.ready（函数（）{ $（“按钮”）。单击（函数（）{ $（“表”）.toggle（）； $.get（“{{URL:：to（'display'）}}”，函数（数据）{ $。每个（数据、函数（i、值）{ var tr=$（“”）； tr.append（$（“”）{ text:value.name/*获取第一列*/ })) }) }) }); }); 点击我名称

我试图从一个表“Company”中的数据库中获取数据，输出格式为json，我必须在数据表中显示它

控制器

路线

刀片页


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“表”）.toggle（）；
$.get（“{{URL:：to（'display'）}}”，函数（数据）{
$。每个（数据、函数（i、值）{
var tr=$（“”）；
tr.append（$（“”）{
text:value.name/*获取第一列*/
}))
})
})
});
});
点击我
名称
类型
住址
城市
电子邮件
描述

输出如下图所示，但我想在数据表中显示它

您可以使用yajjra laravel包通过ajax显示数据

下面是在datatable中通过ajax显示数据的完整教程

public function ex(Request $request){
    $table =  \DB::table('company')->select('name','type','address','city','email','description')->get();
    //return view('mydata')->with('company',$table);
    return response($table);
}

Route::get('display','Test@ex');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("button").click(function(){
           $("table").toggle();
           $.get("{{URL::to('display')}}",function (data) {
               $.each(data,function (i,value) {
                 var  tr =$("<tr/>");
                 tr.append($("<td/>",{
                     text : value.name /*Get first column*/
                 }))
               })
           })
        });
    });
    </script> 
</head> 

<body> 
<button>Click Me</button> 
<table border="1px" class="table table-striped table-bordered" style="width:100%">
    <thead>
    <tr>
        <th>Name</th>
        <th>Type</th>
        <th>Address</th>
        <th>City</th>
        <th>Email</th>
        <th>Description</th>
    </tr>
    </thead> 
    </table> 
</body> 
</html>