JSON.parse return [Object object] Ищет доступ к свойствам объекта

Question

Так что я пытаюсь выполнить тестирование переднего конца моего веб-приложения. По мнению, где пользователь может добавить продукт, у меня есть следующий код:

var ProductEntry = {Title: ProductTitle, Description: Description, Hashtags: Hashtags, 
      Picture1: Picture1, Picture2: Picture2, Picture3: Picture3, Start: startdate, ETA: 
      ETADate} 

     ProductsArray.push(ProductEntry); 

     localStorage.setItem("Product", JSON.stringify(ProductsArray)); 

В представлении, где я пытаюсь восстановить массив мой JQuery код:

$("#SearchButton").click(function(){ 
     var SearchQuery = document.getElementById("SearchField").value; 
     var storageObject = JSON.parse(localStorage.getItem("Product")); 
     alert(storageObject[1].Title);   
    }); 

Выше я Я пытаюсь получить доступ к свойству «Заголовок» объекта ProductEntry. Где я иду не так? Переключение из среды C# MVC для этого проекта.

Answer 1

Проблема в том, что ProductEntry, которую вы пытались создать, не является допустимым JSON.

Попробуйте этот код:

var ProductEntry = [{Title: 'ProductTitle', Description: 'Description', Hashtags: 'Hashtags', 
       Picture1: 'Picture1', Picture2: 'Picture2', Picture3: 'Picture3', Start: 'startdate', ETA: 
       'ETADate'}] 

      localStorage.setItem("Product", JSON.stringify(ProductEntry)); 

$("#SearchButton").click(function(){ 
     var SearchQuery = document.getElementById("SearchField").value; 
     var storageObject = JSON.parse(localStorage.getItem("Product")); 
     alert(storageObject[0].Title);   
    });