javascript - 我怎样才能从php中获取数据到js

Question

<分区>

Answer 1

我已经编辑了你的代码:一个简单的方法是在隐藏输入中设置你想要的值，然后用 js 获取它们:

我已经为 $name 做了这个例子:

$query = new WP_Query( $args );
if ($query->have_posts()) :
echo '<div class="ov-worker--wrapper"><div class="ov-worker--modal"><ul>';
while ($query->have_posts()) : $query->the_post();

    $name = get_post_meta( get_the_ID(), '_overview_worker_key', true )['name'] ?? '';
    $image = get_post_meta( get_the_ID(), '_overview_worker_key', true )['image'] ?? '';
    $position = get_post_meta( get_the_ID(), '_overview_worker_key', true )['position'] ?? '';
    $description = get_post_meta( get_the_ID(), '_overview_worker_key', true )['description'] ?? '';
    $Linkedin = get_post_meta( get_the_ID(), '_overview_worker_key', true )['Linkedin'] ?? '';
    $github = get_post_meta( get_the_ID(), '_overview_worker_key', true )['github'] ?? '';
    $xing = get_post_meta( get_the_ID(), '_overview_worker_key', true )['xing'] ?? '';
    $facebook = get_post_meta( get_the_ID(), '_overview_worker_key', true )['facebook'] ?? '';

    echo '<li class="ov-worker--view__all"><strong> Name: </strong>'.$name.'<br/><strong> Image: </strong>'.$image.'<br/><strong> Position: </strong>'.$position.'</li>';
endwhile;
echo '</ul></div></div>';
echo '<input type="hidden" id="nameInput" value="'.$name.'">';
echo '<input type="hidden" id="descInput" value="'.$description.'">';
endif;
wp_reset_postdata();

然后在您的 js 代码中，您可以访问该值，如下例所示:

 var name = document.getElementById('nameInput').value;