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

Javascript 使用java脚本html从js文件获取数组数据,javascript,html,arrays,Javascript,Html,Arrays,你好,专家,请帮忙 所以我有两个问题要从原始文件中获取一些数组 首先在html上尝试使用getData函数从js获取数组时,总是返回not define 第二个是从txt文件中获取数组,该文件只包含原始数据,没有任何函数 index.html data.txt {id:1,name:'Alpha'}, {id:2,name:'Beta'} 如何实现这一点。如果您的html文件,请链接包含getData()函数的脚本文件 <script src="filename.js">&l

你好,专家,请帮忙

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

首先在html上尝试使用getData函数从js获取数组时,总是返回not define

第二个是从txt文件中获取数组,该文件只包含原始数据,没有任何函数

index.html

data.txt

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

如何实现这一点。

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

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

var myData=getData();
push({id:999,名称:“Zee”});
console.log(myData);
对于第二个问题,您可能想看看下面的问题。答案已经存在


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

Util.js

index.html


var myData=[]
myData=getData();
console.log(myData);

函数在调用后定义。在代码段中,首先运行HTML,然后运行JavaScript。您可以尝试将函数定义包含在
脚本
标记本身中。函数位于其他文件.jsok中,但结论仍然相同。不能在函数定义之前调用函数。这只是一个无效的呼叫。我已经添加了一个答案@IkutoTohoin,检查它。我已经编辑了我的问题以使其更简单。。希望你现在明白了好的谢谢。。我在src=“filename.js”上出错了。第二个问题如何?您可能希望将数据保存在
.json
文件中,并使用
fetch()
获取数据。(我没有告诉你怎么做,只是给你一些线索xD)如果你刚刚开始学习javascript,我会说你现在要避免面对这个问题(因为对于初学者来说这有点复杂)。谢谢@Khay,但我读的越多,我就越困惑。。我希望我可以制作一些类似于
array=readfile(data.txt)
的东西,也许你可以在这里提供帮助。@mauroc8是的,我只是学习java,我想学习基本的,尽量避免模板或插件的东西,如果可以的话,我不想更改data.txt上的任何内容,而且还要更改文件类型
 {id:1,name:'Alpha'},
 {id:2,name:'Beta'}
<script src="filename.js"></script>
<script>
  var myData = getData();
  myData.push({id: 999,name: "Zee"});
  console.log(myData);
</script>
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;
}
<script src="util.js">
  var myData = []
  myData = getData();
  console.log(myData);
</script>