Javascript JSON.parse返回[Object Object]以访问对象的属性

Javascript JSON.parse返回[Object Object]以访问对象的属性,javascript,jquery,html,web,local-storage,Javascript,Jquery,Html,Web,Local Storage,所以我正在尝试为我的web应用程序做一些前端单元测试。在用户可以添加产品的视图中,我有以下代码: var ProductEntry = {Title: ProductTitle, Description: Description, Hashtags: Hashtags, Picture1: Picture1, Picture2: Picture2, Picture3: Picture3, Start: startdate, ETA: ETADa

所以我正在尝试为我的web应用程序做一些前端单元测试。在用户可以添加产品的视图中,我有以下代码:

 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对象的属性“Title”。我哪里做错了?从本项目的C#MVC环境切换

问题是您试图创建的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);           
    });

问题是您尝试创建的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);           
    });

工作!!非常感谢。什么构成有效的JSON?你能不能给我链接一些文档,因为我是新手。@AlimCharaniya好的,那是JSON的官方页面,如果t对你有帮助的话,请接受我的回答。事实上,我看到你在JSON中传递的每个对象属性都是一个文本,如果我想把变量传递给对象的每个属性呢?成功了!!非常感谢。什么构成有效的JSON?你可以把我链接到一些文档吗?AlimCharaniya好的,这是JSON的官方页面,如果t对你有帮助的话,请接受我的回答。事实上,我看到你在JSON中传递的每个对象属性都是一个文本,如果我想把变量传递给对象的每个属性呢?