如何使用javascript在html5上实现读取text文件并进行实时显示

小弟新人一枚,刚接触html5和javascript,想编写一个能够将text文件内容实时显示在网页上的程序,以下是尝试代码,但是网页上始终出不来文字,求高人指点!以下是代码:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
setTimeout('read', 3000);
function read() {
setTimeout(jQuery.get('file:///D:/now.txt', function (data) {
document.write(data);
}), 1000);
}
</script>
</body>
</html>
不胜感谢!

你需要在本地架设网络环境,可以用nginx做个静态的服务,把要请求的txt放到服务目录里。就可以通过http请求了。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-08-29
不需要写setTimeout啊,success:function(data){document.write(data);},百度一下jquery ajax就明白的了
第2个回答  推荐于2016-02-05

如果你学习HTML5是为了写手机网页(因为现在都流行了),请不必去学习jQuery了,

因为jQuery就算你压缩,它也有30k以上,如果你是用户,你愿意给这流量吗?


真真正正去学好JS吧。


以下我给的是原生JS代码:

<html>
 <head>
 <title>new page</title>
 <script>
 function GetHeader(src) { 
 var ForReading=1; 
 var fso=new ActiveXObject("Scripting.FileSystemObject"); 
 var f=fso.OpenTextFile(src,ForReading); 
 return(f.ReadAll()); 
 } 
var arr=GetHeader("C:\\a.txt").split("\r\n");
for(var i=0;i<arr.length;i++){
alert("第"+(i+1)+"行数据为:"+arr[i]);
}
</script>
</head>
</html>


如果你只是PC的web,那我就。。。。。。

追问

能用JS写那是最好了,能否加个Q?有些细节要追问一下,不知道可以不?
试了一下程序,网页还是没有显示,是不是我的网页域名是file打头的本地文件因此不行?

本回答被提问者采纳
相似回答