2016-12-27 70 views
0

我是新来的jquery方面的东西。以下提供的是我用来拉取文本文件内容的html/jquery代码。但是,我似乎无法得到它的工作。 test.txt文件在第一行中包含“testtest”。使用jquery不工作将文本文件中的内容添加到html中

<!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> 
+0

可能有两个问题,第一,您可以在输入字段中加载内容,第二,我认为不可能直接从您的目录加载文件 – alexqoliveira

+0

@alexqoliveira是否可以用html文件? – Brad

+0

否。例如,在chrome中会出现此错误:'仅对协议模式支持跨源请求:http,数据,chrome,chrome扩展名,https,chrome扩展名资源'。 但在Firefox中,你将实现你想要做的事情。尝试在Firefox上加载,但这次调用一个方法'加载'一个DIV标记 – alexqoliveira

回答

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/

+0

我不能在本地使用,但我可以吗?我需要某种网络服务? – Brad

+0

从web服务中获取时使用ajax –

-1

您无法读取从本地文件系统这样一个文件,你需要把它的Web服务器和负载/进行阅读。

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

相关问题