如何使用javascript在html中显示文本文件中的文本

我想使用一个文本文件作为我的网站上的文本源。我就是不能把它展示在我想要的地方

我已经设法从文件中读取了文本，但现在我卡住了

这是我的readFile函数：

函数读取文件（输入）{
var xhttp=newXMLHttpRequest（）；
xhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
var textFileText=searchFile（this.responseText，输入）；
document.getElementById（输入）.innerHTML=this.textFileText；
}
};
xhttp.open（“GET”，textFile，true）；
xhttp.send（）；
}

我已经试过了，效果很好

这是searchFile函数：

函数搜索文件（文本，已搜索）{
var输出；
var n=text.search（已搜索）；
输出=text.substr（（n+str.length+2），text.indexOf（'\n'）；
返回输出；
}

它应该过滤文件中特定单词的文本

文本文件如下所示：

[header]=text
[thing1]=more text

readFile("thing1");

我的想法是，如果我这样调用函数：

[header]=text
[thing1]=more text

readFile("thing1");

输出应为“更多文本”

这里我调用函数来显示标题文本：

但之后什么也没显示出来

我也试过：

但同样没有显示任何内容

---

我是遗漏了什么还是做错了什么？

我在代码中检测到的唯一错误是变量=>

<script>
  function searchFile(text, searched){
    var output;
    var n = text.search(searched);
    //output = text.substr((n+str.length+2), text.indexOf('\n'));
    output =  text.substr((n+searched.length+2), text.indexOf('\n'));
    return output;
  }
</script>

函数搜索文件（文本，已搜索）{
var输出；
var n=text.search（已搜索）；
//输出=text.substr（（n+str.length+2），text.indexOf（'\n'）；
输出=text.substr（（n+searched.length+2），text.indexOf（'\n'）；
返回输出；
}

对于

h2

没有

onload

，也没有这方面的大多数标签。因此，我不再从

onload

调用函数，而是从页面上的脚本标记中调用函数

<script>readFile('header');</script>

readFile（'header'）；

将一个

标记作为

标题

元素的子元素附加在

标记内。为什么不使用json文件，读取它并将数据解析为JS对象？更简单和优雅的解决方案。