当前位置: 技术文章>> 如何在Magento 2中使用JavaScript模块使用本地和cookie存储

文章标题:如何在Magento 2中使用JavaScript模块使用本地和cookie存储
  • 文章分类: Magento
  • 28527 阅读
系统学习magento二次开发,推荐小册:《Magento中文全栈二次开发 》

本小册面向Magento2以上版本,书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发,后端开发,magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。


在Magento 2中使用JavaScript模块使用本地和cookie存储的步骤:

第 1 步:首先在扩展或主题中创建 JS 文件。为此,请创建自定义cookie.js

app\code\Vendor\Extension\view\Frontend\Web\Js\customcookie.js

define([
'jquery',
'uiComponent',
'jquery/jquery-storageapi'
],
function ($, Component)
{
 return Component.extend(
        {
 defaults:
                {
 cookieMessages: []
 },
 initialize: function ()
                {
      this._super();
      this.cookieMessages = $.cookieStorage.get('mage-string');
      $.cookieStorage.set('mage-string', '');
 }
 });
});

要使用此功能,我们必须同时添加jquery和jquery/jquery-storageapi。

第 2 步:所以现在您可以使用

$.cookieStorage.get('mage-string')

步骤3:window.localStorage也支持将信息存储在本地存储中

window.localStorage.setItem('myname', 'Vendor');
window.localStorage.getItem('myname');
window.localStorage.removeItem('myname');
window.localStorageclear();

这些都是存储信息的不同方法。

结论:

因此,在上述代码的帮助下,所有人都能够做到。

推荐文章