是否有可能加載和組合動態字符串到localStorage.getItem（）？

Question

我正在使用jQuerymobile，並且我有一個listview。在列表視圖中，我有從localStorage加載的動態內容。當您單擊特定的listitem時，我希望用戶轉到下一個頁面，該頁面是來自該特定localstorage對象的關聯值。

我可以讓我的代碼在下面工作（我已經評論過）。問題是，

var favoritedName = JSON.parse(localStorage.getItem(placesText)); 

返回NULL。

但是如果我手動加載

var favoritedName = JSON.parse(localStorage.getItem("placesFireside Bar")); 

它工作正常。

我想知道，如果你可以動態加載.text（）從listitem你點擊一個列表視圖，然後將其設置爲localstorage.getItem（）中的鍵。

這裏是我的代碼：

// click the list item, which is a specific bar 
$('#all-my-favorites li').click(function() { 

// get specific name of Bar from the list item 
listitemText = $(this).text(); 

// OR manually name the list item. example here is "Fireside Bar" for testing purposes 
//listitemText = "Fireside Bar"; 

// combine the strings, so i can search localstorage for the relevant key item 
placesText = "places" + listitemText; 
//alert(placesText); 
// returns "placesFireside Bar" or "places(barname from listitem)" 

}); 

// go to the new page, which should show content from the relevant key item 
$('#favorited').on('pagebeforeshow', function() { 

// test to see if placesText is a string 
alert(jQuery.type(placesText) === "string"); 
// returns TRUE 

// find the relevant keyitem from localstorage, and name the object favoritedName 
var favoritedName = JSON.parse(localStorage.getItem(placesText)); 
alert(favoritedName); 
// returns NULL 

$(this).find('[data-role=header] .ui-title').text(favoritedName.name); 
$('#FavoritedplaceName').text(favoritedName.name); 
$('#FavoritedlocationName').text(favoritedName.location); 
$('#FavoritedtimeofDay').text(favoritedName.timeOfDay); 
$('#FavoriteddayofWeek').text(favoritedName.dayofWeek); 
}); 

Answer 1

我想知道，如果你能動態地的.text（）從一個ListItem 加載您在ListView單擊，然後設置爲 關鍵localstorage.getItem（）。

是的，你可以設置一個變量，使用直接用於localStorage.getItem()，localStorage.setItem()和localStorage.removeItem()。

var myKey = 'myKey'; 
var myData = 'Data string'; 

localStorage.setItem(myKey, myData); 

alert(localStorage.getItem(myKey)); 

請注意，密鑰區分大小寫，並且空格也會影響密鑰。

檢查您傳遞的項目不包含任何行的飼料，不可見的字符等一個簡單的方法來檢查是console.log(placesText)，然後檢查控制檯，如果那場比賽你所期望的：

placesText = "places" + listitemText; 
console.log(placesText); 
console.log(escape(placesText));