基于 WooCommerce Checkout 中單選按鈕選擇的動態(tài)費用更新

開發(fā) WooCommerce 插件時，通常需要添加動態(tài)費用結賬流程。一個常見的例子是提供不同成本的不同包裝選項，例如塑料袋或禮品盒。本文探討了實現(xiàn)此目的的最佳方法并解決了安全注意事項。

使用 WC_Cart 進行動態(tài)費用添加

<code class="php">function at87_add_custom_fees( WC_Cart $cart ){
    $fees = 3; // fee amount
    $fees = isset($_GET['test']) ? $_GET['test'] : 3;

    $cart->add_fee( 'Emballagegebyr', intval($fees));
}</code>

此代碼基于動態(tài)向購物車添加費用從 $_GET['test'] 獲取的值，可以使用 JavaScript 或 Ajax 請求進行修改。但是，需要注意的是，使用 $_GET 并不安全，應謹慎使用。

基于 AJAX 的解決方案

更安全和動態(tài)的方法是使用 AJAX 更新費用。以下代碼提供了完整的解決方案：

<code class="php">// Ajax script
add_action( 'wp_footer', 'checkout_shipping_packing_script' );
function checkout_shipping_packing_script() {
    if ( ! is_checkout() )
        return;

    ?>
    <script type="text/javascript">
    jQuery( function($){
        $('form.checkout').on('change', 'input[name=radio_packing]', function(e){
            e.preventDefault();
            var p = $(this).val();
            $.ajax({
                type: 'POST',
                url: wc_checkout_params.ajax_url,
                data: {
                    'action': 'woo_get_ajax_data',
                    'packing': p,
                },
                success: function (result) {
                    $('body').trigger('update_checkout');
                    console.log('response: '+result); // just for testing | TO BE REMOVED
                },
                error: function(error){
                    console.log(error); // just for testing | TO BE REMOVED
                }
            });
        });
    });
    </script>
    <?php
}

// Ajax request handler
add_action( 'wp_ajax_woo_get_ajax_data', 'woo_get_ajax_data' );
add_action( 'wp_ajax_nopriv_woo_get_ajax_data', 'woo_get_ajax_data' );
function woo_get_ajax_data() {
    if ( isset($_POST['packing']) ){
        $packing = sanitize_key( $_POST['packing'] );
        WC()->session->set('chosen_packing', $packing );
        echo json_encode( $packing );
    }
    die(); // Alway at the end (to avoid server error 500)
}</code>

此代碼利用 Ajax 將選定的打包選項發(fā)送到服務器，然后服務器將其保存在 WooCommerce 會話中。結帳動態(tài)更新，無需刷新頁面。

結論

基于 Ajax 的方法提供了一種安全高效的方法來根據(jù)用戶動態(tài)更新費用WooCommerce 結賬流程中的選擇。它消除了對 $_GET 的需求，并確保流暢、安全的結賬體驗。

以上是如何根據(jù) WooCommerce Checkout 中的用戶選擇動態(tài)更新費用？的詳細內容。更多信息請關注PHP中文網(wǎng)其他相關文章！