Javascript循環未顯示結果

Question

問題：

javascript循環不顯示任何情況：

我將位置數組從Controller傳遞到視圖。 當我通過如下視圖中的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 Map上顯示相應的標記。

Answer 1

你的JSON由HTML實體（的"這就是為什么你的JavaScript擲骰子出與Unexpected token & 。

你可以嘗試改變

{{ json_encode($locations) }}

同

{!! json_encode($locations) !!}

為什么

這是因為Laravel在使用{{ }}時會自動轉義HTML，因此可以防止跨站點腳本編寫。

{!! !!}用法 {!! !!}不能轉義HTML，但是如果您沒有正確驗證輸入和輸出，結果是允許跨站點腳本編寫。