如何在.JS文件中获取发布元数据

时间:2021-09-27 作者:rasyid

我已经发布了名为“product\\u price”的帖子。如果在php中调用此post meta,则可以编写:

<?php echo get_post_meta($post->ID, \'product_price\', true); ?>
如何在themedir/js/script中获取此贴子元“product\\u price”。js文件?

请帮帮我大师。非常感谢。

1 个回复
SO网友:Aditya Agarwal

Javascript无法直接调用PHP函数。。。

我们需要JS和PHP

JS将在文档准备就绪后立即发送ajax请求,您需要自己指定postid。。

jQuery(document).ready(function(){
    jQuery.ajax({
        url : "/wp-admin/admin-ajax.php",
        type: "POST",
        data: {\'action\': \'PriceAJAX\', \'postid\': 12345},
        success: function(response) {
            Price = response[\'Theme\'];
    });
});
完成后,PHP将启动,并找到指定ID的post meta。。。

function PriceAJAX(){
    $ID = $_POST[\'postid\']
    $Price = get_post_meta($ID, \'product_price\', true);
    
    $Data  = array(\'Price\' => $Price);
    wp_send_json($Data);
    wp_die();
}
add_action( \'wp_ajax_nopriv_PriceAJAX\', \'PriceAJAX\');
add_action( \'wp_ajax_PriceAJAX\', \'PriceAJAX\' );

相关推荐

如何更新WooCommerce购物车图标以显示添加了JavaScript的新产品

我创建了一些自定义链接,使用;href";属性,我的代码如下所示。<a class="line1" id="btn2" href="?add-to-cart=5207">Example</a> 但我不喜欢这样一个事实,每次我添加一个产品,它都会刷新整个页面,所以我开始寻找一种不同的方法,我找到了一种使用jQuery代码的方法,它会添加产品,但由于页面没有重新加载,购物车图标在我手动重新加载页面之前不会更新