Вытащить c localstorage json jquery

@lookmy · Регистрация: 01.04.2013

Author24 — интернет-сервис помощи студентам

Помогите прочитать по ключу localstorage jsone c помощью jquery ?
Имеется код:

Javascript

function ref_cart() {
    var output = "";
    var allCnt = 0;
 
    $(".cart li").remove();
    for (var i = 0; i < localStorage.length; i++) {
      output += "<li>ID: "+localStorage.key(i)+" | Количество: "+localStorage.getItem(localStorage.key(i))+" <button data-pr='"+localStorage.key(i)+"' class='remove'> X </button></li>";
      allCnt = + parseInt(localStorage.getItem(localStorage.key(i))) + allCnt;
    }
    output += "<li>Общий метраж: " + allCnt + " метров</li>";
    
    $(".cart").append(output);
  }

Вывод вот такое с localstorage

Код

ID: pr1 | Количество: {"name":"бязь";"coutTX":600; "priceTX": 0.3}

Помогите прочитать Бязь - 600 - 0.3
А то он выводит Json строку, а в JS не силён.

Добавлено через 18 минут
Прописал вот такое, но не чего не выводит, где ошибка ?

Javascript

    function ref_cart() {
        var output = "";
        var allCnt = 0;
        var item = $.parseJSON(localStorage.getItem(localStorage.key(i)));
 
        $(".cart li").remove();
        for (var i = 0; i < localStorage.length; i++) {
            output += "<li>ID: "+localStorage.key(i)+" | Количество: "+item['name']+' - '+item['coutTX'] + +' - '+item['priceTX'] + "<li>";
        }
        output += "<li>Общий метраж: " + allCnt + " метров</li>";
        
        $(".cart").append(output);
    }

@Fedor Vlasenko · 23.11.2015, 22:01

lookmy, смотри какую я прикольную штуку написал по твоей теме

Pабота с localstorage, подписка на события localstorage, хранение функций, массивов и объектов в localstorage, интерфейс подписки позволяет передать параметры подписчикам (открытым вкладкам браузера), передать и выполнить в них переданные функции

@lookmy · 23.11.2015, 22:16 **[ТС]**

В чём проблема ? Не выводит, кто знает что не так ?

@Fedor Vlasenko · 23.11.2015, 22:35

Сообщение от lookmy

В чём проблема ?

Сообщение от lookmy

localStorage.key(i)

в этой строке

@lookmy · 23.11.2015, 22:53 **[ТС]**

Прописал вот так

Javascript

function ref_cart() {
    var output = "";
    var allCnt = 0;
    var item = $.parseJSON(localStorage.getItem("name"));
    $(".cart li").remove();
    for (var i = 0; i < localStorage.length; i++) {
        
        output += "<li>ID:  Количество: " + item['name'] + "</li>";
    }
    output += "<li>Общий метраж:  метров</li>";
    
    $(".cart").append(output);
}

Ругается на

Javascript

1	output += "<li>ID: Количество: " + item['name'] + "</li>";

Там что не так ?

@Fedor Vlasenko · 23.11.2015, 23:00

lookmy, зря не скопипастил как я все там круто обернул

выводи отладку в консоль

Javascript

1	console.dir(item);

сразу поймешь, что не нравится

@lookmy · 23.11.2015, 23:08 **[ТС]**

Баян, не фига не работает, выдает Uncaught SyntaxError: missing ) after argument list

@Fedor Vlasenko · 23.11.2015, 23:16

а где мы пишем localStorage.setItem?

Javascript

1	$.parseJSON(localStorage.getItem("name") \|\| '')

так лучше будет, где записуем setItem

@lookmy · 23.11.2015, 23:29 **[ТС]**

Если честно я вообще запутался, у меня в голове каша.
Скиньте код, доку читать только на выходных нужно, а сейчас будни (рабочие дни)

Добавлено через 2 минуты
Я ручками данные занёс

Добавлено через 33 секунды

Javascript

$(document).ready(function() {
 
    // Отобразим содержимое хранилища
function ref_cart() {
        var output = "";
        var allCnt = 0;
        var item = $.parseJSON(localStorage.getItem("name") || '')
 
 
        $(".cart li").remove();
        for (var i = 0; i < localStorage.length; i++) {
            output += "<li>ID:  | Количество: "+item['name']+' - '+item['coutTX'] + +' - '+item['priceTX'] + "<li>";
        }
        console.dir(item); 
 
        
        $(".cart").append(output);
    }
 
    // проверка совместимости
    function web_storage() {
      try {
        return 'localStorage' in window && window['localStorage'] !== null;
    } catch (e) {
        return false;
      }
    }
 
    ref_cart();
 
// Добавить в корзину
$(".incart").on('click', function() {
    var reg = /[0-9]/,
        id = $(this).attr("data-pr"),
        kolvo = $("#"+id).val();
 
    if (reg.test(kolvo)) {
        if(web_storage()) {  
            $("#"+id).val('');
            localStorage.setItem(id, kolvo);
            ref_cart();
        } else{
          alert("Ваш браузер не может работать с локальным хранилищем!");
        }
    } else {
        $("#"+id).val('');
        alert("Использовать только числа!");
    } 
});
 
    // Удалить из корзины
  $(document.body).on('click','.remove',function() {
        localStorage.removeItem($(this).attr("data-pr"));
        $(this).parent('li').remove();
        ref_cart();
    });
 
});

@Fedor Vlasenko 936 / 693 / 236 Регистрация: 01.02.2015 Сообщений: 1,848
	23.11.2015, 22:01	2
	lookmy, смотри какую я прикольную штуку написал по твоей теме Pабота с localstorage, подписка на события localstorage, хранение функций, массивов и объектов в localstorage, интерфейс подписки позволяет передать параметры подписчикам (открытым вкладкам браузера), передать и выполнить в них переданные функции 0

@lookmy 60 / 55 / 20 Регистрация: 01.04.2013 Сообщений: 551
	23.11.2015, 22:16 [ТС]	3
	В чём проблема ? Не выводит, кто знает что не так ? 0

@Fedor Vlasenko 936 / 693 / 236 Регистрация: 01.02.2015 Сообщений: 1,848
	23.11.2015, 22:35	4
	Сообщение от lookmy В чём проблема ? Сообщение от lookmy localStorage.key(i) в этой строке 0

@lookmy 60 / 55 / 20 Регистрация: 01.04.2013 Сообщений: 551
	23.11.2015, 23:08 [ТС]	7
	Баян, не фига не работает, выдает Uncaught SyntaxError: missing ) after argument list 0

	23.11.2015, 23:29

Опции темы