Question

我正在编写我的第一个网站，现在我正在尝试使用某些文本文件的内容来更改ap内容，其中包含我网站的详细描述，实际上我尝试了很多方法，例如httprequest（），FileReader（）和jquery get，但实际上我没有管理它，因为我在本地运行它可能是因为错误的文件位置，所以我创建了一个新的小代码，我尝试了jquery get，我运行它在“用于Chrome的网络服务器”但它不起作用。

这是代码：

<!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文件位于同一文件夹中。我已经被困了很多天了，请帮忙，不要把它标记为重复。

任何帮助都是值得欣赏的。

Answer 1

试试这个

     function loadDoc() {
                $.ajax({
                    url : "hello.txt",
                    dataType: "text",
                    success : function (result) {
                        $("#demo").html(result);
                    }
                });
   }

Answer 2

试试这个：

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

或

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

您可以使用jQuery Ajax功能。 error属性有助于获取异常：

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

Answer 3

你可以尝试这个out

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

</script>

HTML：

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

    <button type="button" onclick="loadDoc()">Change Content</button>
<button type="button" onclick="loadDocWithHttp()">Change Content from Http request</button>

使用AJAX：

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();
}

Answer 4

而不是

getElementById('demo').innerText= data;

更改为以下行。

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

用文本文件改变p内容

4 个答案: