How do I update the shipping cost on the checkout page?

Question

WordPress

I am customizing the checkout page, adding a block where, as planned, the cost of the selected delivery should be displayed.
It looks like this:

<div class="subtotal-form__shipping">
    <span class="subtotal-form__shipping-label">Доставка: </span>
    <span class="subtotal-form__shipping-price">
        <?php if (WC()->cart->get_shipping_total() && WC()->cart->get_shipping_total() > 0) :
            echo WC()->cart->get_shipping_total(); ?>
            <span class="woocommerce-Price-currencySymbol">
                <?php echo get_woocommerce_currency_symbol(); ?>
            </span>
        <?php else :
            echo 'бесплатно';
        endif; ?>
    </span>
</div>

how to update the field when changing the shipping method without reloading the page?

Answer 1

Without reloading, this means using ajax or rest api wp.
and see the link