Javascript循环未显示结果

Question

问题：

javascript 循环不显示任何内容 场景：

我将位置数组从控制器传递到视图。 当我通过如下视图中的 foreach 循环访问它时，这些位置工作正常

@foreach($locations as $location)
                                            <li>{{$location['lat']}} | {{$location['lng']}}</li>
@endforeach

现在，当我尝试在 JavaScript 中访问它时，它不会在循环中打印任何内容。

<script>
        $(document).ready(function () {
            var locations = {{json_encode($locations)}};


            for (i = 0; i < locations.length; i++) {  
                alert('Hello');
            }
        });


    </script>

我想达到什么目标？

一旦循环开始工作，我想遍历所有位置的纬度和经度，并在 Google 地图上显示相应的标记。

Answer 1

您的 JSON 由 HTML 实体 (") 组成，这就是为什么您的 JavaScript 会使用 Unexpected token & 出错。

你可以尝试改变吗

{{ json_encode($locations) }}

与

{!! json_encode($locations) !!}

为什么

这是因为 Laravel 在使用 {{ }} 时会自动转义 HTML，因此阻止了跨站脚本。

{!! !!} 的使用不会转义 HTML，但如果您没有正确验证输入和输出，则允许跨站点脚本。