使用jquery无法正常工作,从文本文件中将内容添加到html中

时间:2016-12-27 14:07:58

标签: jquery html

我对事物的jquery方面有所了解。下面提供的是我的html / jquery代码,用于提取文本文件内容。但是,我似乎无法让它发挥作用。 test.txt文件包含" testtest"在第一行内。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<p id="text"></p>
<script type="text/javascript">
$('#text').load("C:/Users/MYUSER/Desktop/test.txt");
</script>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

通过使用jQuery.get,您可以读取文本文件并使用html方法将值分配给段落。

jQuery.get('file.txt', function(data) {
   alert(data);
   //process text file line by line
   $('#text').html(data.replace('n',''));
});

有关详细信息,请参阅链接。 https://www.sitepoint.com/jquery-read-text-file/

答案 1 :(得分:-1)

您无法以这种方式从本地文件系统中读取文件,您需要将其放在Web服务器上并从那里加载/读取它。

另一个选项是,您可以使用选项--allow-file-access-from-files启动chrome,这将允许访问本地文件。有关更多参考,请参阅http://chrome-allow-file-access-from-file.blogspot.in/