Javascript 用文本文件1更改p内容_Javascript_Jquery_Html

Javascript 用文本文件1更改p内容

javascript jquery html

Javascript 用文本文件1更改p内容,javascript,jquery,html,Javascript,Jquery,Html,我正在编写我的第一个网站，现在我正在尝试用一些文本文件的内容来更改一个p内容，其中包含对我的网站内容的详细描述，实际上我已经尝试了很多方法，比如httprequest、FileReader和jquery get，但实际上我还没有管理它，因为我在本地运行它，可能是因为文件位置错误，所以我在jquery-get中创建了一个新的小代码，我在chrome的web服务器上运行了它，但它不起作用代码如下： <!DOCTYPE html> <html> <body> &

我正在编写我的第一个网站，现在我正在尝试用一些文本文件的内容来更改一个p内容，其中包含对我的网站内容的详细描述，实际上我已经尝试了很多方法，比如httprequest、FileReader和jquery get，但实际上我还没有管理它，因为我在本地运行它，可能是因为文件位置错误，所以我在jquery-get中创建了一个新的小代码，我在chrome的web服务器上运行了它，但它不起作用

代码如下：

<!DOCTYPE html>
<html>
<body>

<div><h2 id="demo">Lets change this text</h2></div>

<button type="button" onclick="loadDoc()">Change Content</button>
<script       
   src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script>
function loadDoc() {
    $.get("hello.txt",function(data){
    getElementById('demo').innerText= data;
  });
 }
</script>

 </body>
 </html>

当我加载它时，会显示p和按钮，但当我单击按钮时，什么也不会发生；.html和.txt文件位于同一文件夹中。我已经贴了好几天了，请帮忙，不要把它标为复制品

任何帮助都将不胜感激

首先，对脚本进行一次更改，如下所述

function loadDoc() {
    $.get("hello.txt",function(data){
        $('#demo').html(data);
    });
}

对于该按钮，您必须在

祝你好运

首先，对脚本进行一次更改，如下所述

function loadDoc() {
    $.get("hello.txt",function(data){
        $('#demo').html(data);
    });
}

对于该按钮，您必须在

祝你好运

试试这个

试试这个：

function loadDoc() {
    $.get("hello.txt",function(data){
    document.getElementById('demo').text= data;
  });
 }

或

您可以使用jqueryajax函数。error属性将有助于获取异常：

 $.ajax({
            url: "./seeds/hello.txt",
            async: false,
            success: function (data){
                pageExecute.fileContents = data;
            },
            error: function (e){
                //error print
            }
        });

试试这个：

function loadDoc() {
    $.get("hello.txt",function(data){
    document.getElementById('demo').text= data;
  });
 }

或

您可以使用jqueryajax函数。error属性将有助于获取异常：

 $.ajax({
            url: "./seeds/hello.txt",
            async: false,
            success: function (data){
                pageExecute.fileContents = data;
            },
            error: function (e){
                //error print
            }
        });

你可以试试这个

而不是

getElementById'demo'.innerText=数据

换到下线

document.getElementById('demo').innerText= data;

而不是

getElementById'demo'.innerText=数据

换到下线

document.getElementById('demo').innerText= data;

1.你能在浏览器中浏览吗

2.打开开发者工具，是否显示任何错误

3.getElementById必须在document对象下使用。您可以在浏览器中浏览吗

2.打开开发者工具，是否显示任何错误

3.getElementById必须在document对象下使用

您能在JSFIDLE中显示您的代码吗？我们很容易调试您的问题。如果你的.txt文件有一些敏感内容，那么就放一个虚拟内容并与我们共享链接。不管怎样，代码只是上面的代码：谢谢你们，你们的所有答案都有效。好吧，所有答案都是对的，但ajax的更酷…@Muccagelato Cool！如果你想从中引用，我已经更新了我的Plunker。你能把你的代码放到JSFIDLE中吗？我们很容易调试您的问题。如果你的.txt文件有一些敏感内容，那么就放一个虚拟内容并与我们共享链接。不管怎样，代码只是上面的代码：谢谢你们，你们的所有答案都有效。好吧，所有答案都是对的，但ajax的更酷…@Muccagelato Cool！如果你想从中引用，我已经更新了我的Plunker。谢谢你，我将在将来引用它。谢谢你，我将在将来引用它

function loadDocWithHttp() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "hello.txt", true);
  xhttp.send();
}

document.getElementById('demo').innerText= data;