Php 使用jquery-Ajax在html表中显示laravel retrun结果

在Laravel Blade中，我有一个搜索脚本

 <script type="text/javascript">
    $.ajax({
        type: "POST",
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
        url: "{{ URL::asset('upload-panel/search')}}",
        data: dataString,
        dataType:"JSON",
        cache: false,
        success: function(result) { 
        var FinalResult=result.CallDetails
        num_rows = result.length;
        console.log(result)


        },error:function(x,e) {
            setTimeout(function() {searchPhoneCalls();}, 2000);
        }
    })
</script>

我想在下面的HTML表格中显示这些结果

0: {Short_name: "GO120762", Date: "21-01-2020"}
1: {Short_name: "GO120764", Date: "21-01-2020"}
2: {Short_name: "GO120766", Date: "21-01-2020"}

+----------+------------+
| Name     | Date       |
+----------+------------+
| GO120762 | 21-01-2020 |
+----------+------------+
| GO120764 | 21-01-2020 |
+----------+------------+
| GO120766 | 21-01-2020 |
+----------+------------+

---

它与Laravel无关，这是纯HTML/jQuery的“问题”

接收到的JSON中不存在名为

CallDetails

的密钥

您可以在HTML中构建数组：

<table id="table-search"></table>

在你的JS中：

var $tableSearch = $('#table-search');
$tableSearch.html('');
//var FinalResult = result.CallDetails
result.forEach(function(row) {
    $tableSearch.append('<tr><td>'+ row.Short_name +'</td><td>'+ row.Date +'</td></tr>');
});

var$tableSearch=$（“#表搜索”）；
$tableSearch.html（“”）；
//var FinalResult=result.CallDetails
result.forEach（函数（行）{
$tableSearch.append（“”+row.Short_name+“”+row.Date+“”）；
});

在刀片服务器中：

<table>
    <thead>
        <th>Name</th>
        <th>Date</th>
    </thead>
    <tbody class="tbody">

    </tbody>
</table>

名称
日期

在ajax脚本中：

success: function(result) { 
    var FinalResult=result.CallDetails
    num_rows = result.length;
    console.log(result)

    $.each(FinalResult, function(index, value){
        $('tbody').append('<tr><td>'+value.Short_name+'</td><td>'+value.Date+'</td></tr>');
    });

 }

成功：函数（结果）{
var FinalResult=result.CallDetails
num_rows=result.length；
console.log（结果）
$.each（最终结果、函数（索引、值）{
$（'tbody'）.append（''+value.Short_name+''+value.Date+''）；
});
}

像这样试试

success: function(result) {
 var tableSearch = $('#table-search');
 tableSearch.html('');

 $.each(result, function(index, value){
    tableSearch.append('<tr><td>'+value.Short_name+'</td><td>'+value.Date+'</td></tr>');
});
}

成功：函数（结果）{
var tableSearch=$（“#表搜索”）；
html（“”）；
$.each（结果、函数（索引、值）{
tableSearch.append（“”+value.Short_name+“”+value.Date+“”）；
});
}

在刀片服务器中使用foreach循环来解析来自控制器的数据。如何解析？这是我的问题@PR1NC3来自文档：我在ajax结果中得到了结果。如何将其传递给laravel foreach循环@KusyShowing未捕获的TypeError:无法读取的属性“forEach”undefined@TestCheck删除

var FinalResult=result.CallDetails

行并检查答案。例如，

var$tableSearch=$（“#表搜索”）$html（“”）；result.forEach（函数（行）{$tableSearch.append（“”+row.Short_name+“”+row.Date+“”）；}）Yssss其工作感谢@Vincent Decaux@Ritesh Khandekar控制台仍然返回值，但表doesnot@TestCheck你能在blade中添加表格HTML吗？@RiteshKhandekar这里是控制台@TestCheck你能替换
$（'tbody'）。追加（'+value.Short_name++value.Date+）
@TestCheck还将控制台添加到循环
console.log（value.Short\u name）
中。