Woocommerce：将订单状态设置为在扫描二维码包含订单 ID时完成

问题描述

如何在 Woocommerce 的管理面板（可能作为单独的菜单项）中的某处显示一个简单的表单（类似于搜索表单），我可以在其中输入订单号并设置该订单（使用该订单号) 即可完成，无需重新加载页面。

为什么我需要这个：在我的发货标签上有一个包含订单号的二维码。当我扫描该 QR 码时，它应该将该订单设置为完成（从而通知客户订单现已完成）。如上所述，表单应该可以在每次扫描后无需重新加载页面的情况下工作，以便我可以连续扫描订单。

解决方法

关于没有重新加载页面的表单提交，您必须使用 AJAX 提交值。 jQuery 有 $.ajax() 和 $.post() 方法可用于此目的。

示例（复制自 Codex）：

jQuery(document).ready(function($) {
    var data = {
        'action': 'my_action','whatever': ajax_object.we_value      // We pass php values differently!
    };
    // We can also pass the url value separately from ajaxurl for front end AJAX implementations
    jQuery.post(ajax_object.ajax_url,data,function(response) {
        alert('Got this from the server: ' + response);
    });
});

提交数据后，您必须使用 wp_ajax_(action) 来处理请求。

示例（复制自 Codex）：

<?php
add_action( 'admin_enqueue_scripts','my_enqueue' );
function my_enqueue($hook) {
    if( 'index.php' != $hook ) {
    // Only applies to dashboard panel
    return;
    }
        
    wp_enqueue_script( 'ajax-script',plugins_url( '/js/my_query.js',__FILE__ ),array('jquery') );

    // in JavaScript,object properties are accessed as ajax_object.ajax_url,ajax_object.we_value
    wp_localize_script( 'ajax-script','ajax_object',array( 'ajax_url' => admin_url( 'admin-ajax.php' ),'we_value' => 1234 ) );
}

// Same handler function...
add_action( 'wp_ajax_my_action','my_action' );
function my_action() {
    global $wpdb;
    $whatever = intval( $_POST['whatever'] );
    $whatever += 10;
        echo $whatever;
    wp_die();
}

可以从官方文档中得到详细的解释：https://codex.wordpress.org/AJAX_in_Plugins

而且，您可以使用 update_status() 函数更新订单的订单状态。示例：

$order_id = ''; //-- received from AJAX request
$order = new WC_Order($order_id);

if (!empty($order)) {
 $order->update_status( 'completed' );
}