更新日期:2021-06-29

有些變數無法寫在固定的 js 檔裡面,還好官方有提供一個函數 wp_localize_script 可以傳遞進去

在使用這個函數之前,請記得先使用 wp_enqueue_script 註冊一個你要載入的 js 檔,並記住宣告的 $handle 名稱。

接著以 php 寫好參數

$js_var = array(
    'id' => 1,
    'name' => $name,
    'title' => $title
);

// 傳入相關變數
wp_localize_script($handle,  'my_js_data',  $js_var);

輸出的時候就可以看到這樣子的結果:

<script type="text/javascript">
var my_js_data = {"id":1, "name":"my name", "title":"my title"}
</script>