Javascript 如何从localStorage检索信息以传递到数据库_Javascript_Html_Local Storage

Javascript 如何从localStorage检索信息以传递到数据库

javascript html

Javascript 如何从localStorage检索信息以传递到数据库,javascript,html,local-storage,Javascript,Html,Local Storage,我正试图从localStorage获取信息，以便传递到应用程序中的数据库。我在控制台中键入“localStorage”，它会显示正确的值，因此我相信它是用于检索的。然而，由于某种原因，我无法获得数据。现在，正在通过键盘输入设置变量rfidText。我想通过抓取localStorage中“userID”中的字符串来设置它。下面我在一条评论中提到了我尝试过的不起作用的东西。我在文件1中调用localStorage.setItem（），在文件2中调用localStorage.getItem（）：知道为

我正试图从localStorage获取信息，以便传递到应用程序中的数据库。我在控制台中键入“localStorage”，它会显示正确的值，因此我相信它是用于检索的。然而，由于某种原因，我无法获得数据。现在，正在通过键盘输入设置变量rfidText。我想通过抓取localStorage中“userID”中的字符串来设置它。下面我在一条评论中提到了我尝试过的不起作用的东西。我在文件1中调用localStorage.setItem（），在文件2中调用localStorage.getItem（）：知道为什么吗？我的文件1的javascript是：

/*jslint browser: true*/
/*global $, jQuery*/

$(document).ready(function () {

    "use strict";
    var scanned = false,
    scannedInput = [];

    $(window).keypress(function (scanEvent) {

        if (scanEvent.which >= 48 && scanEvent.which <= 57) {
            scannedInput.push(String.fromCharCode(scanEvent.which));
        }

        setTimeout(function () {

            if (scannedInput.length === 10) {

                var userID = scannedInput.join("");
                scanned = true;
                window.localStorage.setItem('userID', userID);
                $("#userId").val(userID);

                if (scanned) {
                    window.location.href = "../html/registration.html";
                }
            }

        scannedInput = [];

        }, 500);
    });
});

/*jslint浏览器：true*/
/*全局$，jQuery*/
$（文档）.ready（函数（）{
“严格使用”；
var=false，
scannedInput=[]；
$（窗口）。按键（功能（扫描事件）{
如果（scanEvent.which>=48&&scanEvent.which类似于以下内容：
localStorage.getItem("key");

完整示例：
<!DOCTYPE html>
<html>
<body>

<div id="result"></div>

<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
    // Store
    localStorage.setItem("lastname", "Smith");
    // Retrieve
    document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>

</body>
</html>

与前面的示例不同的是，现在我将数据数组保存在Json中
Json:
使用Json数据时，必须输入索引数组的编号
objdata.firstname[1]

如果需要数组的大小，请使用以下代码
objdata.firstname.length

任何问题，请询问我将尝试回答。
您可以使用localStorage.setItem（“key”、“value”）；

您可以使用localStorage.getItem（“key”）；

您可以使用localStorage.removietem（“key”）；
删除它。您是否尝试在控制台中运行localStorage.getItem（“userID”）
？如果localStorage有一个键“userID”的值，似乎应该可以工作。您确定localStorage.setItem（“userID”，“some\u id”）吗
在调用update函数之前被调用？@thirdone我在控制台中键入localStorage.getItem（“userID”）并返回正确的值。@Maazsyedadeb localStorage.setItem（“userID”，“some_id”）在上一页的javascript文件中设置。请在键入“localStorage”后用“控制台输出”更新帖子我在上面的代码中尝试过这个。它不起作用。在浏览器控制台中可以运行localStorage.getItem（“userID”）？并告诉我您得到了什么？它显示了setItem（“userID”），userID添加的正确值“当用户ID由字符串设置时。浏览器控制台中是否有任何错误？如果在localStorage中设置，则您试图访问的代码存在问题。我已编辑我的帖子，将调用setItem（）的文件中的代码包括在内。@Dinesh，我没有看到任何错误。”。
<!DOCTYPE html>
<html>
<body>

<div id="result"></div>

<script>
// Check browser support
var string = {"firstname":"Luis", "lastname": "Smith", "Age": "28 years old"};
if (typeof(Storage) !== "undefined") {
    // Store
    localStorage.setItem("data", JSON.stringify(string));
    // Retrieve
    console.debug(localStorage.getItem("data"));
    var objdata = JSON.parse(localStorage.getItem("data"));
    console.debug(objdata);
    document.getElementById("result").innerHTML = objdata.firstname + "  "+ objdata.lastname + " " + objdata.Age;
} else {
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<div id="result"></div>

<script>
// Check browser support
var string = {"firstname":["Luis","Peter"], "lastname": ["Smith","Maerques"], "Age": ["28 years old", "29 years old"]};
if (typeof(Storage) !== "undefined") {
    // Store
    localStorage.setItem("data", JSON.stringify(string));
    // Retrieve
    console.debug(localStorage.getItem("data"));
    var objdata = JSON.parse(localStorage.getItem("data"));
    console.debug(objdata);
    document.getElementById("result").innerHTML = objdata.firstname[1] + " " + objdata.lastname[0] + " " + objdata.Age[1];
} else {
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>

</body>
</html>

 {"firstname":["Luis","Peter"], "lastname": ["Smith","Maerques"], "Age": ["28 years old", "29 years old"]};

objdata.firstname[1]

objdata.firstname.length