jquery cookies/куки-файлы JavaScript

Question

Я планировал создать веб-сайт ювелирных изделий с опцией «Добавить в корзину». но я до сих пор не знаю, как сохранить выбранные элементы в корзине даже после обновления страницы через jquery. поэтому, если кто-либо знает, пожалуйста, предоставьте шаг за шагом пример или учебник.

Answer 1

Вы можете использовать простой метод JQuery get, который ссылается на файл PHP, который добавляет продукт в файлы cookie сайта; когда вы хотите просмотреть корзину, взорвите куки.

Пример:

$(document).ready(function(){ 
    $("#product").click(function(){ 
     // However you want to get the item ID 
     var itemID = document.getElementById("productID").value; 
     $.get("/inc/addtocart.php", { item: itemID }, function(data){ 
      document.getElementById("result-sec").innerHTML=data; 
     }); 
    });   
}); 

Ваш файл PHP будет выглядеть следующим образом:

if(isset($_GET['item'])){ 
    $_COOKIE['cart_ids'] = $_COOKIE['cart_ids'] . '::' . $_GET['item']; 
} 

Для просмотра корзины товаров, просто:

$all_items = explode("::", $_COOKIE['cart_ids']); 
foreach($all_items as $item): 
    echo $item . "<br />"; 
endforeach;