使用 java 脚本 html 从 js 文件中获取数组数据

Question

您好专家请帮忙。

所以我有 2 个问题从原始文件中获取一些数组

首先在 html 上尝试使用 getData 函数从 js 获取数组时总是返回不定义

第二个从仅包含原始数据的txt文件中获取数组，根本没有函数

索引.html

<script>
var myData = []
myData.push({id: 999,name: "Zee"}); //just for add some data
//myData = getData(); << error not defined
console.log(myData);
</script>

实用.js

function getData() {
array = [{id: 1,name: 'Alpha'}, 
{id: 2,name: 'Beta'}]
/*
array = some file
this file only contain this
{id:1,name:'Alpha'},
{id:2,name:'Beta'}
*/
return array;
}

数据.txt

{id:1,name:'Alpha'},
{id:2,name:'Beta'}

如何做到这一点..

Answer 1

如果您的html文件，链接包含getData()函数的脚本文件。

<script src="filename.js"></script>
<script>
var myData = getData();
myData.push({id: 999,name: "Zee"});
console.log(myData);
</script>

对于第二个问题，您可能需要查看以下问题。答案已经存在。

如何在 Javascript 中读取外部本地 JSON 文件

Answer 2

此问题已于 8 月 24 日使用以下代码解决

实用.js

function readTextFile(file) {
var allText;
var rawFile = new XMLHttpRequest();
rawFile.open("GET", file, false);
rawFile.onreadystatechange = function() {
if (rawFile.readyState === 4) {
if (rawFile.status === 200 || rawFile.status == 0) {
allText = rawFile.responseText;
}
}
};
rawFile.send(null);
return allText;
}
function getData() {
var str = "[" + readTextFile("data.txt") + "]";
var array1 = [str];
var array2 = JSON.parse(array1);
return array2;
}

索引.html

<script src="util.js">
var myData = []
myData = getData();
console.log(myData);
</script>