update-cart-item-ajax.js

(function($){
  $(document).ready(function(){
    $('.prefix-cart-notes').on('change keyup paste',function(){
      $('.cart_totals').block({
        message: null,
        overlayCSS: {
          background: '#fff',
          opacity: 0.6
       }
      });
     var cart_id = $(this).data('cart-id');
     $.ajax(
        {
          type: 'POST',
          url: prefix_vars.ajaxurl,
          data: {
            action: 'prefix_update_cart_notes',
            security: $('#woocommerce-cart-nonce').val(),
            notes: $('#cart_notes_' + cart_id).val(),
            cart_id: cart_id
          },
          success: function( response ) {
            $('.cart_totals').unblock();
          }
        }
      )
    });
  });
})(jQuery);

Hi, thanks for sharing this. I went through your article, and got it working, which is awesome.
But it seems it will result in a page reload when trying to update the notes after removing one or more items from the cart.
Do you have some time to take a look into this? Thanks again.

This event is not firing after we hit the update cart. when the cart page is loaded initially, everything works fine, but when we change the quantity of the item and hit the Update Cart button, the cart is updated. after that, the text changes are not saved.