在 laravel 刀片中显示 JSON答案

【问题标题】：display JSON in laravel blade在 laravel 刀片中显示 JSON
【发布时间】：2018-10-30 13:14:29
【问题描述】：

大家好，我在我的项目中使用评级系统，我正在尝试根据他们的级别过滤播音员

为此我使用了 ajax

我在控制台（对象数组）中正确获取了我的数据，但我想知道如何遍历它们并将它们显示在我的刀片中？

我的 jquery 代码：

$(document).ready(function()
{
    $('.star-rating input[type=radio]').click(function() {
        var text = $(this).val();
        $.ajax({

            url: 'filterAnnouncer',
            type: 'GET',
            data: { text, },
            success: function(data)
            {
                console.log(data);
            }
        });            
    });
});

我的 Laravel 控制器

public function handleFilterBagageAnnouncer(Request $request){
    $data = $request->text;
    $filter = BagageAnnouncement::whereHas(
        'announcement.user.profile.profileSetting',
        function ($q2) use ($data) {
            $q2->where('level',$data);
        }
    )->get();
    return json_decode($filter);
}

【问题讨论】：

你得到什么类型的数据，你想得到什么类型的样本
我得到一个对象数组，其中包含来自查询的值。我想在刀片中显示它们。
你能分享你的刀片代码吗？

标签： php jquery ajax laravel

【解决方案1】：

这里的控制器功能代码有问题。

return json_decode($filter);

这是错误的。 json_decode() 是转换（解码）json data to php objects.
但您需要转换（编码）php objects to json data。所以

return json_encode($filter);

现在你的 ajax 成功了，你可以这样循环

success: function(data){

    // convert json data to js objects.
    // to make your we get js objects from json data.
    var dataArray = JSON.parse(data);

    dataArray.forEach(announcer => {

        // your code goes here.
        console.log(announcer);
    });
}

【讨论】：

感谢您的回答，如何在 html 中循环遍历“dataArray”来显示数据？我想在 laravel 中做类似 foreach 循环的事情......
你不能在我的回答中看到 forEach() 函数吗？

【解决方案2】：

这样使用

success: function(data){

    // convert json data to js objects.
    // to make your we get js objects from json data.
    var dataArray = JSON.parse(data);
    items.forEach(function(item){
        $('selecter').append(item);
    });
}

【讨论】：