在javascript数组中推送Laravel集合

我不熟悉

Lavarel

，我编写这部分代码是为了将我的集合添加到javascript数组中，但它似乎不起作用

$(document).ready(function() {

            var data = [];
            @foreach($products as $product )
                data.push({'{{ $product->id }}' : '{{ $product->name }}'});
            @endforeach

//            Im trying to get a variable which looks like this
//            data: [
//                {
//                    id: 'The ID goes here',
//                    text: 'Text to display'
//                },
//                // ... more data objects ...
//            ]
        });

请帮助我解决这个问题

最好创建一个新的脚本，并将其转换为json，以便javascript能够读取

var data = {{ $products->map(function ($product) { return ['id' => $product->id , 'text' => $product->name];})->toJson() }};

在控制器中生成这个json字符串会更干净。

最好创建一个json字符串并将其转换为json，以便javascript可以读取它

var data = {{ $products->map(function ($product) { return ['id' => $product->id , 'text' => $product->name];})->toJson() }};

---

在您的控制器中生成此json字符串会更干净。

为什么不在您的Laravel控制器中将集合转换为json：

$collectionArr = Collection::all()->toJson();

然后在HTML中回显：

<script>
    var jsArray = {{$collectionArr}};
</script>

var jsArray={{$collectionar}}；

以下是来自Laravel网站的更多信息：

---

为什么不在Laravel控制器中将集合转换为JSON：

$collectionArr = Collection::all()->toJson();

然后在HTML中回显：

<script>
    var jsArray = {{$collectionArr}};
</script>

var jsArray={{$collectionar}}；

以下是来自Laravel网站的更多信息：

您只需写下：

$(document).ready(function() {    
    var data = {!! json_encode($products) !!}; // Note the {!! !!} to not encode html entities since we'll probably have quotes in here                 
});

你可以简单地写：

$(document).ready(function() {    
    var data = {!! json_encode($products) !!}; // Note the {!! !!} to not encode html entities since we'll probably have quotes in here                 
});