How to get the checkout data on the frontend checkout page's client side (with JavaScript)?

Development Checkout

dmitry_fedyuk (Dmitrii Fediuk) April 17, 2016, 11:26am 1

Both the methods are identical, because the Method 1 internally uses the Method 2:

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/view/frontend/web/js/checkout-data.js#L12-L13


'Magento_Customer/js/customer-data'
], function ($, storage) {

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/view/frontend/web/js/checkout-data.js#L16-L24


var cacheKey = 'checkout-data';


var getData = function () {
    return storage.get(cacheKey)();
};


var saveData = function (checkoutData) {
    storage.set(cacheKey, checkoutData);
};

Method 1. Using the Magento_Checkout/js/checkout-data

checkoutData.getValidatedEmailValue()

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/view/frontend/web/js/checkout-data.js#L121-L124


getValidatedEmailValue: function () {
    var obj = getData();
    return (obj.validatedEmailValue) ? obj.validatedEmailValue : '';
},

Method 2. Using the Magento_Customer/js/customer-data

customerData.get('checkout-data')()

The «Magento_Checkout/js/checkout-data» JavaScript object interface and its implementation

How to get the current customer's email on the frontend checkout screen?

dmitry_fedyuk (Dmitrii Fediuk) April 17, 2016, 12:09pm 2

See also: