使用JSON Stringify与Javascript和HTML localStorage的意外值null

时间:2016-04-13 21:40:26

标签: javascript html json html5 local-storage

我正在尝试在JavaScript中从页面A向页面B发送一个var(在行中分割很长文本的数组)(例如)。

基本上我想做的是:加载一个大文本文件,按行拆分文本并将其存储在textParsed var中,一旦存储了文本文件,我想通过localStorage将textParsed var的内容发送到页面B

但是我从B页收到一条“空”信息,我不知道出了什么问题......

https://jsfiddle.net/23az4hh2/

以下是第A页中localstorage的代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" lang="es-es">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/menu.css" type="text/css" media="screen">
<title>Read and Parse Lynis Log</title>

<script>

function processFiles(files) {
var file = files[0];
var reader = new FileReader();
var textParsed = [];

reader.onload = function (e) {
    var output = document.getElementById("fileOutput");
    output.textContent = e.target.result;

    var text = e.target.result;
    var lines = text.split("\n");

    for (var i= 0; i < lines.length; i++) {      
        textParsed[i] = lines[i];
        console.log(textParsed[i]); 
    }
    if (typeof(Storage) !== "undefined" && textParsed.length >= 1) {
    // Store
    localStorage.setItem('logParsed', JSON.stringify(textParsed));
    } 
};
reader.readAsText(file);


}
</script>
</head>

这里是页面B(命运)的代码:

<!DOCTYPE html>
<html>
<body>

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

<script>

var storedlogParsed = JSON.parse(localStorage.getItem('logParsed')); 
console.log(storedlogParsed);
</script>

</body>
</html>

0 个答案:

没有答案