javascript - 如何设置 cookie 的多个值并将它们全部显示在另一个页面上？

Question

我的网站有一个产品数据库，每个产品都有唯一的零件号。

我最近在我的网站上创建了一个名为“partnumber”的 cookie，其值是从我的数据库中分配给它的零件号。

这是我目前拥有的代码，正在生成一个 cookie，其值是分配给我所在的产品页面的任何零件号:

<script type="text/javascript">
    <?php
        // LOAD REQUIRED WP PLUGIN class
        include_once( ABSPATH . 'wp-admin/includes/plugin.php' );

            // DO PLUGIN ACTIVATION CHECK
            if ( is_plugin_active('product-item-templates/product-item-templates.php') ) {
        // Product Items Template is LOADED >>
    ?>
    <?php   

            $item = $new_url->get_page_url_data();
            $pn = $item['pn'];
            $man = $item['man'];
            $model = $item['model'];
    ?>

        var pn = "<?php echo $pn;?>";
        var model = "<?php echo $model;?>";
        var man = "<?php echo $man;?>";

        Cookies.set("partnumber", pn , { expires: 7 });

    <?php
            } // END PLUGIN ACTIVATED CHECK
    ?>
</script>

因此，例如，如果用户访问部件号为“ABC”的产品页面，则名称为“partnumber”的 cookie 会保存值为“ABC”。

我想这样做的原因是能够使用名为“添加到报价”的按钮触发 cookie，然后将 cookie 的值调用到“我的报价页面。但是，每次我访问新的零件编号页面时，cookie 只是用新值替换“零件编号”cookie 的值。

我的问题:

是否可以保存同一个 cookie 的多个值？或者最多说同一个 cookie 的 10 个值？

如果没有，任何人都可以用另一种方法来保存此唯一信息并将其显示在另一个页面上，以便用户可以浏览我的产品，单击“添加到报价”按钮，然后转到“我的”报价”页面以查看他们已添加到报价中的零件号列表。

注意:我知道如何为 cookie 设置一个值，但我想知道如何为同一个 cookie 设置多个不同的值 - 或者，如何告诉网站创建一个新的 cookie每次我点击我网站上的按钮时都会有不同的值(存在并且来 self 的产品数据库)。

提前致谢。

Answer 1

您可以为存储的 partnumbers 存储一个值，并从中直接推导出键。我正在考虑 partnumbers 的键，它的值类似于 "4,5,8"，其中您有像 partnumber4 这样的键, partnumber5 和 partnumber8。因此，您首先从 cookie 中获取 partnumbers 值，调用 .split(",") 然后迭代结果数组以获取 partnumber4， partnumber5 和 partnumber8，分别。如果你想存储一个新的零件号，比如 11，只需将 partnumbers 设置为以前的值，并在其中加上 11(如果不为空，则在 11 之前加一个逗号)和 partnumber11.