javascript - wordpress中如何将php获取的值传给js?

Question

wordpress后台有一堆文章, 现在需要在页面中获取到文章标题, 作为请求参数去请求其他接口

在网上查了一下, 获取文章标题需要用到php的 the_title 方法, 而现在请求接口则是用 $.ajax()方法

那么有没有什么办法能把文章标题传给js?
或者直接使用js获取文章标题?

Answer 1

$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();
}

// 把标题传给Js
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,
));