いろいろな商品のリンクがあります。各リンクの id 値としてデータベースから製品 ID を追加するために php を使用しています。
<a class="order_btn" id="<?php echo $row['product_id'];?>"><?php echo $row['product_name']; ?></a>
jquery cookie プラグイン ( https://github.com/carhartl/jquery-cookie ) を使用して、注文ボタンがクリックされる回数を保存しています。id 属性の製品 ID を、保存された Cookie のキーとして使用しています。
$(".order_btn").click(function() {
var productToAdd = $(this).attr("id");
if($.cookie("Product-"+productToAdd) >= 1) { //If this is not the first item for the current product
//Updating the number for the current product
var newNum = Number($.cookie("Product-"+productToAdd)) + 1;
$.cookie("Product-"+productToAdd, newNum);
} else { //If this the first item for the current product
//Creating the first number for the current product
$.cookie("Product-"+productToAdd, 1);
}
}); //end click function for Order Button
カート ページで、値を保存した各 Cookie の製品名を一覧表示する必要があります。したがって、データベースで製品名を検索できるように、Cookie のキーの名前を取得できる必要があります。
現在のすべての JavaScript Cookie のキーを持つ配列を取得するにはどうすればよいですか?