3

我为此尝试了很多，但没有找到答案。如何使用 javascript 或 html 读取文件。我有一个文本文件“sample.txt”，里面有一些信息。它与 html 文件位于同一文件夹中，该 html 文件包含处理此文件的 html 代码。我只想从文件中读取信息并将其显示在某个 div 或其他内容上，我主要想知道如何读取文件。

如有必要，将提供更多信息。

谢谢

4

3 回答 3

3

起初：JavaScript 在客户端执行。虽然你必须提出一个 AJAX 请求来获取文件的内容。我认为 jQueryload()似乎是实现这一目标的最简单方法。

例如：

$('#theContentElement').load('sample.txt');
于 2012-05-16T10:26:02.313 回答
1

您也可以在没有 jQuery 的情况下执行常规 Ajax 请求来读取文件。

以下使用 GET 请求从 myfile.txt 获取数据并将其输出到带有 id output的 DIV-tag 。

<script>
function ajaxGet()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("output").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","myfile.txt",true);
xmlhttp.send();
}
ajaxGet();
</script>

<div id="output"></div>
于 2012-05-16T10:39:55.203 回答
0

您可以使用 javascript 获取实际的文件内容。这是一个使用 jquery 并使用load函数的示例代码：

$("#YOUR_DIV_ID").load("sample.txt");

这将使用“sample.txt”的内容更新 id 为 YOUR_DIV_ID 的 div 的内容

于 2012-05-16T10:31:10.247 回答