如何在WordPress中將PHP獲取的文章標題傳遞給JavaScript？

WordPress：高效傳遞php文章標題到JavaScript

在WordPress開發中，經常需要將后端PHP數據傳遞到前端JavaScript進行處理或顯示。本文將演示如何將WordPress文章標題從PHP傳遞到JavaScript，并提供一種簡潔高效的解決方案。

假設需要獲取所有文章標題并將其作為參數發送到外部接口。我們可以利用PHP的get_the_title()函數獲取文章標題，并使用jquery的$.ajax()方法發送請求。關鍵在于如何橋接PHP和JavaScript。

為此，我們采用以下步驟：

首先，使用WordPress的WP_Query類獲取所有文章標題，并將其存儲在一個數組中：

立即學習“PHP免費學習筆記（深入）”；

$titles = array(); $args = array(     'post_type' => 'post',     'posts_per_page' => -1, ); $query = new WP_Query($args); if ($query->have_posts()) {     while ($query->have_posts()) {         $query->the_post();         $titles[] = get_the_title();     }     wp_reset_postdata(); }

然后，利用WordPress的wp_localize_script()函數將PHP數組傳遞給JavaScript。該函數將PHP變量轉換為JavaScript變量，方便前端訪問。

wp_enqueue_script('my_script', get_template_directory_uri() . '/JS/my_script.js', array('jquery'), '1.0', true); wp_localize_script('my_script', 'my_script_vars', array(     'titles' => $titles, ));

最后，在my_script.js文件中，可以直接訪問my_script_vars.titles數組：

console.log(my_script_vars.titles);

通過wp_localize_script()，我們成功地將PHP獲取的文章標題傳遞給了JavaScript。此方法不僅適用于文章標題，也適用于其他PHP數據，是WordPress開發中常用的技巧，確保了前后端數據交互的流暢性。