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);           
    });

上面，我正在尝试访问该物业＆＃39; Title＆＃39;的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);           
    });

JSON.parse返回[Object object]寻找访问对象的属性

1 个答案: