【问题标题】:how to store values in an array如何将值存储在数组中
【发布时间】:2014-08-18 09:49:49
【问题描述】:

在下面的代码中,我得到了条形码的扫描值。

var scanCode = function () {
window.plugins.barcodeScanner.scan(function(result) {
    alert("Scanned Code: " + result.text + ". Format: " + result.format + ". Cancelled: " + result.cancelled);
    localStorage.setItem("myvalue1", result.text);
    window.location.href = 'page5.html';
    var barcodeVal = localStorage.getItem("myvalue1");
    var test2 = localStorage.getItem("code");
    code = JSON.parse(test2);
    var k = parseInt(localStorage.getItem("counter"));
    document.getElementById(code[k]).innerHTML = barcodeVal;
    alert(code[k]);
    alert(k);
    k++;
    localStorage["counter"] = k;
    localStorage.setItem("code", JSON.stringify(code));
}, function (error) {
    alert("Scan failed: " + error);
});

myvalue1 是我从扫描中得到的值。我在另一个 js 文件中定义了一个数组和一个计数器为

localStorage["counter"]=0;
var code = {};
localStorage.setItem("code", JSON.stringify(code));

现在我正在尝试将 id 存储在数组 code[] 中,并尝试在 page5.html 中打印它。以上<script>也定义在同一个page5.html中。我也一次又一次地调用扫描功能来扫描多个条形码。我将 html 中的值打印为

<tr>
    <td>2</td>
    <td id="code[0]"></td>
</tr>

我收到错误为 Cannot set property 'innerHTML' of null 。接下来我该怎么办?请帮我。提前致谢

【问题讨论】:

    标签: javascript jquery html arrays


    【解决方案1】:

    当您在指令中执行代码[k] 时,您可以从 JsFiddle here 中看到

    document.getElementById(code[k]).innerHTML = barcodeVal;
    

    code 不被理解为一个字符串数组,而是一个字符串,所以指向 code[0] 它并不指向你的 id 而是指向括号。

    在你的代码上做一个JSON.parse(),就像在更新的JsFiddle here中一样

    【讨论】:

    • 因为我必须保存说 n 阵列中的条形码数量。因此,如果我像这样调用数组var code = [];,并且在像id = "test[0]" 这样的html 中声明id 的情况下也是如此。这样的声明正确吗?
    • 您将数组声明为 var code = ["Test", "Test2"]; 的方法对有限的条目集有效,但如果我有大约 15-20 个条目,我该怎么办?
    • Javascript 数组接受任意数量的条目和混合类型。将其定义为空并稍后添加。你可以在这里测试jsfiddle.net/BygmL/2
    • 我声明了你告诉我的方式,但我仍然收到错误。
    • 我首先声明了 localStorage["counter"]=0; var 代码 = [“测试”、“测试 2”、“测试 3”]; localStorage.setItem("code", JSON.stringify(code));
    猜你喜欢
    • 1970-01-01
    • 2023-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多