在WooCommerce订单接收页面中通过AJAX更新订单状态

Question

当客户通过Ajax单击thank you页面上的一个按钮时，我正在尝试将woocommerce订单的状态从processing更改为completed。

我的代码如下：

$.ajax({
    type: 'post',
    dataType: 'json',
    url: ajax_url,
    data: {action: 'redeem_complete'},
    success: function(response){
        alert("Order data successfully fetched.");                      
    }
});

和我的functions.php中的php

add_action( 'wp_ajax_redeem_complete', 'fairbooks_redeem_complete');
add_action( 'wp_ajax_nopriv_redeem_complete', 'fairbooks_redeem_complete');

function fairbooks_redeem_complete($order_id){
        
    $order = wc_get_order( $order_id ); 
    $order->update_status( 'completed' );
    echo 'test';
    die();
}

我知道ajax在没有$order->update_status('completed')；语句的情况下可以正常工作，但使用它，我会得到一个500内部服务器错误。我还知道，如果我不使用ajax并将其挂到thank you页面中，那么它就会毫无问题地更改状态。是什么导致了这个错误，或者有没有更好的方法来解决这个问题。提前道谢！

Answer 1

您需要将订单Id从javascript代码传递给PHP，因为它没有在PHP WordPress Ajax接收器函数中定义，因此在使用update_status()方法时，由于$order变量没有定义，所以通常会得到错误500，并抛出错误。

下面的完整示例基于您的代码（并且工作时没有错误）：

add_action( 'woocommerce_thankyou', 'customer_completes_order_thankyou' );
function customer_completes_order_thankyou( $order_id ) {
    $order = wc_get_order( $order_id );
     // print_r($order->get_status()); // Uncomment for testing
    ?>
    <div><button class="button alt complete-status"><?php _e("Complete your order"); ?></button><br><br>
    <span class="response" style="color:green;"></span></div>
    <script type="text/javascript">
    jQuery(function($){
        if (typeof woocommerce_params === 'undefined')
            return false;

        $('button.complete-status').click( function(e){
            e.preventDefault();

            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: woocommerce_params.ajax_url,
                data: {
                    'action': 'redeem_complete',
                    'order_id': <?php echo $order_id; ?>, // Here we send the order Id
                },
                success: function (response) {
                    $('.response').text("Order data successfully fetched.");
                    console.log("Order data successfully fetched.");
                }
            });
        });
    });
    </script>
    <?php
}

add_action( 'wp_ajax_redeem_complete', 'fairbooks_redeem_complete');
add_action( 'wp_ajax_nopriv_redeem_complete', 'fairbooks_redeem_complete');
function fairbooks_redeem_complete(){
    if ( isset($_POST['order_id']) && $_POST['order_id'] > 0 ) {
        $order = wc_get_order($_POST['order_id']);
        $order->update_status('completed');
        die();
    }
}

代码放在您的活动子主题（或活动主题）的functions.php文件中。经过测试并起作用。