如何使用javascript中的get命令读取本地文本文件
how to read local text file with get command in javascript
我正试图用JavaScript中的get命令打开一个文本文件,这样我就可以在html中填充一个标记,但我似乎在这方面没有任何进展。该文本文件与我的html位于同一文件夹中。我想单击我创建的按钮并更改div标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Glorious Final </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="css.css" type="text/css" media="screen" charset="utf-8"/>
<script src="jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="script.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="six-point-star"></div>
<h1>JQuery Jedi </h1>
<div id="ornamentRow1"></div>
<p>
<h2>Ajax Admiral</h2>
<div id="ornamentRow2"></div>
</p>
<h3>Javascript Janitor</h3>
<div id="custom"></div>
<h4>
<button type="button" id="twinkle" >Twinkle Me Starmo</button>
<button type="button" onclick="hangOrnament1()">Hang First Ornament</button>
<button type="button" onclick="">Hang More Ornaments</button>
</h4>
<h5>
<button type="button" onclick="">!!Open Me!!</button>
</h5>
</body>
</html>
Noe,这是我想在一个名为script.js的文档中使用的javaScript函数。我认为这就是出错的地方
function hangOrnament1()
{
//open "ornaments.txt" and change the innerHTML of the "ornamentRow1" div tag
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("ornamentRow1").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ornaments.txt",true);
xmlhttp.send(null);
}
我认为问题出在这个javascript函数底部的"GET"行,但我不知道该怎么办。我已经阅读了几个小时的表格,试图自己找到解决方案,但没有成功。
使用以下JQuery代码。(如果您正在使用chrome,请确保它已启用--allow file access from files选项:(假设您有一个id="Para1"的段落/div标记)
var s="";
$.get('./ornaments.txt', function(data) {
var lines = data.split("'n");
$.each(lines, function(n, elem) {
s=s+"<br/>"+elem;
});
});
$("#Para1").html(s);
`
相关文章:
- 使用不带文本文件的OpenLayers显示POI
- 使用javascript从文本文件中获取值
- 从javascript中的文本文件中获取值
- 在移动浏览器上显示大型文本文件
- 搜索文本文件并附加到表中
- 将文本文件加载到javascript中
- Angular http.get没有'我不喜欢在开头和结尾加方括号的文本文件
- 一个javascript实现base64图像编码并将结果写入文本文件
- 用javascript读取文本文件的第一行
- 从文本文件js中读取列表
- 使用JavaScript将压缩文本文件加载到字符串中
- 数组在手动写入时有效,但从文本文件加载时无效
- 在浏览器中打开文本文件-服务器上出现错误
- html表单,它有文本和表,现在我想在一个简单的文本文件中保存和检索数据,如何实现它
- 任何编写文本文件并将其替换为上一个文本文件的方法
- html或java脚本代码在硬盘中创建一个文本文件
- Firefox插件:保存到文本文件的HTTP日志,其中包含时间、用户名、计算机名;t创建文本文件
- 从文本文件加载jsondata时出现空白页
- 如何在不干扰电子邮件通知的情况下将眼镜保存在文本文件中
- 使用javascript创建新的文本文件(),但存储[objectFile]而不是文本