我想將我從控制器獲取的資料發送到 public/js/maps.js 中存在的 javascript 檔案，我該怎么做，任何人都可以提供幫助
我的代碼控制器：
public function index()
{
$userIp = "45.153.242.129";
$locationData = \Location::get($userIp);
return view('maps.index',[
'location' => $locationData
]);
}
查看頁面：
<div id="world-map"></div>
地圖.js
var handleVectorMap = function() {
"use strict";
if ($('#world-map').length !== 0) {
$('#world-map').vectorMap({
map: 'world_mill',
scaleColors: [COLOR_GREY_DARKER, COLOR_GREY_LIGHTER],
normalizeFunction: 'polynomial',
hoverOpacity: 0.5,
hoverColor: false,
zoomOnScroll: true,
markerStyle: {
initial: {
fill: COLOR_RED,
stroke: 'transparent',
r: 3
}
},
regionStyle: {
initial: {
fill: COLOR_DARK_LIGHTER,
"fill-opacity": 1,
stroke: 'none',
"stroke-width": 0.4,
"stroke-opacity": 1
},
hover: {
"fill-opacity": 0.8
},
selected: {
fill: 'yellow'
},
selectedHover: { }
},
backgroundColor: 'transparent',
markers: [
{latLng: [41.90, 12.45], name: 'Vatican City'},
{latLng: [43.73, 7.41], name: 'Monaco'},
]
});
}
};
所以我想在javascript檔案中存在的標記中顯示資料。
uj5u.com熱心網友回復：
如果它在單個刀片檔案中，您可以 echo de json_encoded variables
<div id="world-map"></div>
<script>
const data = JSON.parse('{{ json_encode($data); }}');
</script>
如果它在單獨的 js 檔案中，則需要通過 ajax 請求請求獲取它，或者將資料存盤在 html 元素中以在 js 檔案中查詢。
就像是
<div id="world-map" data-maps='{{ json_encode($data) }}'></div>
const data = JSON.parse(document.getElementById('world-map').dataset.maps);
我認為blade 有一個@json 指令用于這種情況。
uj5u.com熱心網友回復：
在正常情況下，當您從控制器呼叫資料時，我們通常使用
{{ $data }}
但如果你想呼叫相同的資料但在 javascript 代碼或檔案中，我建議使用
function (index, value) { data = '<p>' value.data '</P>' }
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/345983.html
標籤：javascript 阿贾克斯 拉拉维尔
上一篇：如何將每個陣列元素插入另一個陣列中的每個其他元素？[復制]
下一篇：python中的“超級”數字