如何使用 AJAX 更新 wordpress 上的 post meta

Question

我有以下代码：

<form method='post'>
<input type='submit' name='bid' value='Licitar'>

当用户点击提交按钮时，我想更新 WordPress 帖子元数据，以更改实际出价。

我还想在不重新加载页面的情况下更新以下 div：

<div class='vehicle-value-box'>".auctionplugin_get_latest_bid($post->ID).",00€</div>

我怎样才能做到这两点？我很难理解如何捕获 $_POST 值并使用它来执行上述操作。我需要将 PHP 处理代码放在哪里并将其包含在 WordPress ajax 核心中？

编辑：

现在我的代码看起来像 page.php 上的（在循环内部，它都被 PHP “回显”了）：

<div id='vehicle-value-box".$post->ID."'>".get_post_meta(get_the_ID(),'start_price', true).",00€</div>
 (...)
<div class='vehicle-auction-box'>
<script>
jQuery('input[type=submit]').click(function(e) {
    e.preventDefault();
    jQuery.ajax({
         type: 'POST',
         url: ajaxurl,
         data: 'action=newbid&id=".$post->ID."',
         success: function(msg){
    jQuery('#vehicle-value-box".$post->ID."').html(msg+',00€');
    }
});
</script>
<div>
<form method='post'>
    <input type='submit' name='bid".$post->ID."' value='Licitar' class='bidvalue'>

还有我的functions.php：

add_action('wp_ajax_newbid', 'newbid_ajax');
function newbid_ajax() {
    $post_id = $_POST['id'];
    $mybid = get_post_meta($post_id, 'start_price', true);
    $mybid = $mybid + 100;
    update_post_meta($post_id,'start_price',$mybid);
    die($mybid);
}

Answer 1

编辑：由于您在评论中指定没有值输入，因此我进行了相应的编辑。

首先您要确保在前端定义了 wordpress 的 ajaxurl，因为您可以使用此代码。 （例如插入functions.php）

add_action('wp_head','my_ajaxurl');
function my_ajaxurl() {
$html = '<script type="text/javascript">';
$html .= 'var ajaxurl = "' . admin_url( 'admin-ajax.php' ) . '"';
$html .= '</script>';
echo $html;
}

其次，您应该创建 ajax 调用，为此在包含表单的页面中添加此脚本标记：

<script>
jQuery('input[type=submit]').click(function(e) {
e.preventDefault();
jQuery.ajax({
       type: "POST",
       url: ajaxurl,
       data: "action=newbid&id="+<?php echo $post->ID?>,  
       success: function(msg){
            jQuery('.vehicle-value-box').html(msg+",00€");
       }
   });
})
</script>

最后我们需要在wordpress中处理数据，为此我们应该在主题functions.php中使用这个动作：

add_action('wp_ajax_newbid', 'newbid_ajax');
function newbid_ajax() {
    $post_id = $_POST['id'];

    //Get current bid
    $mybid = get_post_meta($post_id, 'start_price', true);

    //Increase the bid, for example the amount here is 100€
    $mybid = $mybid + 100;

    //Update the database with the increased bid value
    update_post_meta($post_id,'start_price',$mybid);

    // In case you need to update another meta for the user, you 
    // can access the user ID with the get_current_user_id() function

    // Finally sending back the updated bid so the javascript can display it
    die($mybid);
}