Woocommerce:设置扫描二维码(含订单id)完成订单状态

Question

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

为什么我需要这个:在我的运输标签上有一个包含订单号的QR码。当我扫描QR码时，它应该将订单设置为完成(从而通知客户订单现在已经完成)。如前所述，表单应该工作而不必在每次扫描后重新加载页面，这样我就可以连续扫描订单。

Answer 1

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

示例(摘自《法典》):

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)来处理请求。

示例(摘自《法典》):

<?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' );
}