Javascript - 读取文件(不是上传的文件,而是与html文件位于同一目录中的文件)
Javascript - reading a file (not uploaded file,but file present in the same directory as the html file)
我为此尝试了很多,但没有找到答案.如何使用 javascript 或 html 读取文件。我有一个文本文件"sample.txt",里面有一些信息。它与放置html文件的位置位于同一文件夹中,html文件包含处理此文件的html代码。我只想从文件中读取信息并将其显示在某个div或其他任何东西上,我主要想知道如何读取文件。
如有必要,将提供更多信息。
谢谢
首先:JavaScript 在客户端执行。尽管您必须提出AJAX请求才能获取文件的内容。我认为jQuery的load()
似乎是实现这一目标的最简单方法。
例如:
$('#theContentElement').load('sample.txt');
你可以在没有jQuery的情况下执行常规的Ajax请求来读取文件。
跟随使用 GET 请求从 myfile 获取数据.txt并将其输出到 DIV 标签和 id 输出。
<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>
您可以使用javascript获取实际的文件内容。下面是使用 jquery 使用 load 函数的示例代码:
$("#YOUR_DIV_ID").load("sample.txt");
这将使用 id 更新div 的内容,YOUR_DIV_ID "sample.txt 的内容
相关文章:
- 如何包含特定于每个视图angularjs的javascript文件
- 如何使全局变量仅特定于该文件
- 当提供函数名称时,检查函数是否存在于同一作用域中
- NodeJS-从同一文件中的另一个方法调用一个方法
- 如何使用Audio API对同一声音文件进行分层
- 如何使用php在同一文件中调用javascript函数
- javascript从选中的复选框中检索输入值,并在同一网页中显示多个html文件
- Jquery.Load不适用于android浏览器,但适用于同一设备上的Firefox移动浏览器
- 随机播放数组,因此没有两个键位于同一位置
- KNOCKOUTJS 不能将绑定多次应用于同一元素
- Javascript - 读取文件(不是上传的文件,而是与html文件位于同一目录中的文件)
- KnockoutJs v2.3.0 :“不能多次将绑定应用于同一元素”
- 挖空 + MVC - 不能将绑定多次应用于同一元素
- 平滑滚动仅适用于同一页面,而不适用于外部链接
- 如何在jQueryMobile中使用来自不同html文件的同一面板
- 使用jQuery将不同的样式应用于同一元素的各个部分
- 如何将SmartyStreets验证应用于同一页面中的两个表单
- 如何使用一个jquery脚本文件在同一页面上创建2个图像旋转轮播
- 如何在单击时再次将焦点状态应用于同一元素
- 从TypeScript到Javascript.两个文件在同一位置