如何使用 html5 中的 javascript 在本地存储中保存带有空格的数据？ [复制]答案

【问题标题】：How to save data with white spaces in local storage using javascript in html5? [duplicate]如何使用 html5 中的 javascript 在本地存储中保存带有空格的数据？ [复制]
【发布时间】：2014-03-27 02:37:02
【问题描述】：

数据是从 web 服务中获取的变量。如何将带有空格的数据例如：“面包黄油”存储在本地存储中？

在函数 selected_index 中，我传递了被点击项目的 item_name。它在空格之后留下单词并且不存储它。

这是我的代码。

<script>
var sub_catidall = [];
var sub_catnameall = [];

function selected_index(sub_cat_name_all) {
    alert("selected sub category" + sub_cat_name_all);
    //window.localStorage.setItem("current_sub_id_all",sub_cat_id_all);
    window.localStorage.setItem("DishName", sub_cat_name_all);
    window.open("MenuDetails.html", "_self");
}

function jsondata(data) {
    var parsedata = JSON.parse(JSON.stringify(data));
    var sub_category = parsedata["Item List"];

    for (var i = 0; i < sub_category.length; i++) {
        var sub_menuall = sub_category[i];
        sub_catidall = sub_menuall['menuItemId'];
        sub_catnameall = sub_menuall['menuItemName'];
        //alert(sub_catnameall);

        var id = document.createElement("table");

        if ((i % 2) == 0) {
            id.innerHTML += '<br><td><a href="#" id=' + sub_catnameall + ' onclick="selected_index(this.id)"><strong><font face="DEVROYE">' + sub_menuall['menuItemName'] + '</a></td></strong>';
            document.getElementById("block_left").appendChild(id);

        } else {
            id.innerHTML += '<br><tr><td><a href="#" id=' + sub_catnameall + ' onclick="selected_index(this.id)"><strong><font face="DEVROYE">' + sub_menuall['menuItemName'] + '</a></td></strong>';
            document.getElementById("block_right").appendChild(id);
        }
    }
}

jsonp("http://remoteaddress/hotelTab/menuitem.php?callback=jsondata&mCatId=" + window.localStorage.getItem('current_id') + "&menuCategoryId=" + window.localStorage.getItem('current_sub_id'));
</script>

【问题讨论】：

我创建了一个函数并将我们单击的项目的名称传递给该函数。而且我必须将该项目名称存储在本地存储中。我用过- window.localStorage.setItem("DishName",sub_cat_name_all);现在，如果项目名称为“Bread Butter”，则它仅在本地存储中存储“Bread”。我在上一个问题中发布了整个代码。请帮助您提出建议。
您能向我们展示您尝试过但遇到问题的代码吗？
我已经把代码贴在帖子里了。
你有 JSON 数据的罐头样本吗？你能把它们放在jsFiddle 中进行演示吗？
对不起，我放不下了。

标签： javascript html jsonp local-storage

【解决方案1】：

DOM Storage Guide

例子

var string = 'Bread Butter';

localStorage.setItem("DishName", string);

alert(localStorage.getItem('DishName'));

开启jsFiddle

【讨论】：