2

Подскажите, как реализовать следующий механизм Есть ссылка, кликая по которой мы получаем у родительского блока текстовые значения у спана с классом name и price_per_unit. А дальше у куки проверить есть ли значение совпадающие с текстовом значении спана с классом name, если есть то удалить это значение из куки. Кука имеет следующую структуру

basket1:
   "["Текст","860"]"
basket2
   "["Книга","160"]"

Для работы с кукой использую след. библиотеку https://github.com/js-cookie/js-cookie

$(document).on("click",".del", function(e){
    e.preventDefault();
    var removeProduct = $(this).closest(".block").find("span.name").text();
    var removePrice = $(this).closest(".goods").find("span.price_per_unit").text();

   $(this).closest(".goods").hide();

   obj = document.cookie;
   for (var prop in obj) {
      if(obj == removeProduct) {
         obj = null;
      }
   }
});
8
  • А в чём то проблема? Ваш код не работает?
    – Yuri
    22 дек 2016 в 21:44
  • удаление конкретного значения не происходит 23 дек 2016 в 4:20
  • а где в вопросе использование библиотеки?
    – Grundy
    23 дек 2016 в 12:30
  • Может так: $.cookie("name", null, { path: '/' }) или так $.removeCookie('name', { path: '/' }); ? Не?
    – Yuri
    23 дек 2016 в 13:05
  • @Yuri, не, потому что в данном случае нет $.cookie_ как и _$.removeCookie
    – Grundy
    23 дек 2016 в 13:17

2 ответа 2

2

Воспользуйтесь библиотекой jQuery Cookie

Подключение:

<script src="/path/to/jquery.cookie.js"></script>

Установить куку:

$.cookie('name', 'value', { expires: 7 });

Удалить куку:

$.removeCookie('name'); // => true

А по поводу корзинки, так лучше сделать массив из товаром и её уже писать в куки:

var items = [],
_cart = {};

_cart.add = function (item){
  $.each(items, function (index, cart_item){
     if (JSON.stringify(cart_item) == JSON.stringify(item)){
         items[index].qty++;
         _cart.renewCookieCart();
         return 'Item quantity has been improved';  
     }

     _cart.renewCookieCart();
     items.push(item);
     return 'Item has been added';
  });
}

_cart.remove = function (index){
    return items.splice(index, i);
}

_cart.renewCookieCart = function (){
   return $.cookie('basket', JSON.stringify(items));
}

_cart.getCart = function (){
   return JSON.parse($.cookie('basket'));
}
2
  • автор в вопросе указал, что он уже пользуется одной из библиотек для работы с куками. Зачем советовать ему другую?
    – Grundy
    23 дек 2016 в 15:10
  • @Grundy я предоставил полноценный ответ с альтернативным вариантом корзинки. Тут что-то плохого есть? 24 дек 2016 в 8:41
1
var cookies = Cookies.get(); // получаем все куки (с помощью библиотеки js-cookie)
var value2remove = '["' + removeProduct + '","' + removePrice + '"]'; // собираем искомое значение в формате ["Продукт","цена"]

for (var cookie_name in cookies) { // перебираем все полученные куки
    if(cookies[cookie_name] == value2remove) // если это то самое значение - ...
        Cookies.remove(cookie_name); // удаляем куку по имени

    // если так и не удалит - раскомментить эту строчку и сверить значения,
    // т.к. я не уверен, что в полях "name" и "price_per_unit" лежат 
    // данные в корректном формате, и возможно понадобится над ними поколдовать

    //console.log(cookie_name, cookies[cookie_name], value2remove); 
}
12
  • твой вариант тоже не работает
    – Grundy
    23 дек 2016 в 12:46
  • ну тогда console.log в цикле, выводим проп и ремувпродукт, смотрим, правда ли они совпадают
    – AlexandrX
    23 дек 2016 в 12:48
  • и вообще, емнип, prop это будет индекс, а не значение.. ну консоле.лог все покажет
    – AlexandrX
    23 дек 2016 в 12:49
  • ну вопрос-то: как удалить? твой код - абсолютно ничего не удаляет из кук
    – Grundy
    23 дек 2016 в 12:51
  • это не мой код, я просто поменял переменную ))) а что доки по js-cookie на этот счет говорят?
    – AlexandrX
    23 дек 2016 в 12:53

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.