如何在javascript中使用get命令读取本地文本文件_Javascript_Jquery_Html_Css

如何在javascript中使用get命令读取本地文本文件

javascript jquery html css

如何在javascript中使用get命令读取本地文本文件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正试图用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> <hea

我正试图用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>

我认为问题出在这个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);

既然已经标记了jquery，为什么不使用一个更简单的命令，比如？您是否尝试过为txt文件提供物理地址？即file:///C:/your/path/to/ornaments.txtI 刚试过用thisfile:///C:/Users/Owner/Desktop/Starmo/ornaments.txtIm 还有人知道在这里该做什么吗。我真的很想让这个工作

var s="";
$.get('./ornaments.txt', function(data) {    
    var lines = data.split("\n");

    $.each(lines, function(n, elem) {
                       s=s+"<br/>"+elem;
             });
});
$("#Para1").html(s);