Как вытащить c localstorage json с помощью jquery и прочитать?

Question

[OKNOZA]

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

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 не силён.

Answer 1

[Stalker_RED]

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Comments

[OKNOZA]

А то он выводит Json строку, а в JS не силён.

Answer 2

[Александр Таратин]

https://api.jquery.com/jquery.parsejson/

Comments

[OKNOZA]

А то он выводит Json строку, а в JS не силён.

[Александр Таратин]

var item = $.parseJSON(localStorage.getItem(localStorage.key(i)));
output += "ID: "+localStorage.key(i)+" | Количество: "+item['name']+' - '+item['coutTX'] + +' - '+item['priceTX'] + ...

[OKNOZA]

Не выводит не чего, даже текст.

[Александр Таратин]

OKNOZA: Код целиком

function ref_cart() {
    var output = "";
    var allCnt = 0;

    $(".cart li").remove();
    for (var i = 0; i < localStorage.length; i++) {
      var item = $.parseJSON(localStorage.getItem(localStorage.key(i)));
	  output += "ID: "+localStorage.key(i)+" | Количество: "+item['name']+' - '+item['coutTX'] + +' - '+item['priceTX'] +" <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);
}

[OKNOZA]

Пишет вот такое:
Uncaught SyntaxError: Unexpected token ;

[OKNOZA]

Это полностью код.

$(document).ready(function() {

    // Отобразим содержимое хранилища
function ref_cart() {
    var output = "";
    var allCnt = 0;

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

});