Magento – Magento 2: How to i reload section payment Method in checkout page

I've had a similar problem (removing dynamically payment methods) and solved it by extending the _canUseMethod($method) function in Mage_Checkout_Block_Onepage_Payment_Methods. There you can return false for specific payment methods which should not be shown in the payment selection.

Example:

class Company_Module_Block_Methods extends Mage_Checkout_Block_Onepage_Payment_Methods {
    protected function _canUseMethod($method) {
        if ($method != null && $method == 'checkmo') {
            $carriers = Mage::getSingleton('checkout/session')->getQuote()->getShippingAddress()->getShippingMethod();
            if ($carriers == 'flatrate_flatrate') {
                return parent::_canUseMethod($method);
            } else {
                return false;
            }
        }

        return parent::_canUseMethod($method);
    }
}

The config XML would look like:

<config>
    <global>
        <blocks>
            <checkout>
                <rewrite>
                    <onepage_payment_methods>Company_Module_Block_Methods</onepage_payment_methods>
                </rewrite>
            </checkout>
        </blocks>
    </global>
</config>

That way I could remove payment methods right before they get shown in the one page checkout.

Hope that helps anyone.

you can use some code like this:

define([
    'uiComponent',
    'Magento_Checkout/js/model/quote',
    'ko',
    'jquery',
    'Magento_Checkout/js/action/get-totals',
    'Magento_Checkout/js/model/full-screen-loader',
     'Magento_Checkout/js/action/get-payment-information'
], function (Component,quote,ko , jQuery, getTotalsAction, fullScreenLoader,getPaymentInformationAction) {
    'use strict';

    // some code

     return Component.extend({
        //some code
        reloadPayment: function() {
            var self = this;

            fullScreenLoader.startLoader();
            jQuery.ajax({
                    url: URL,
                    type: "POST",
                    data: {
                        checked: self.creditValue(),
                        quote_id: quoteId
                     },
                    success: function(response) {
                        if (response) {
                            var deferred = jQuery.Deferred();
                            getTotalsAction([], deferred);
                            // var deferred = $.Deferred();
                             fullScreenLoader.stopLoader();
                            getPaymentInformationAction(deferred);
                            jQuery.when(deferred).done(function () {
                                isApplied(false);
                                totals.isLoading(false);
                            });
                            messageContainer.addSuccessMessage({
                                'message': message
                            });
                           totals.isLoading(true);


                        }
                    }
            });
           return true;
        } 

    });
});

in this code, I'm reloading the payment method when ajax request is succeeded.

Main part of the code for reloading payment info:

getPaymentInformationAction(deferred);
jQuery.when(deferred).done(function () {
    isApplied(false);
    totals.isLoading(false);
});