变化p与内容文本文件一个

我编码我的第一个网站，现在我想改变AP含量的一些文本文件的内容，其中包含我的网站是关于什么长的描述，其实我已经尝试过很多办法，比如HttpRequest的（）的FileReader（）和jQuery得到的，但实际上我没有管理，因为我在本地也可能运行它，因为错误的文件的位置，所以我创建了女巫我一个新的小码试过jquery得到，我在“用于chrome的web服务器”上运行它，但它不起作用。变化p与内容文本文件一个

这是代码：

<!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文件位于同一个文件夹中。 I'have被粘贴了很多天，请大家帮帮忙，不要将其标记为重复。

任何帮助是赞赏。

来源

2016-08-16 Muccagelato

你可以把你的代码放在JSFIddle中吗？我们很容易调试您的问题。如果你的.txt文件有一些敏感的内容，然后放置一个虚拟内容并与我们分享链接。 – Smit

代码只是上面的一个，无论如何：https://jsfiddle.net/tvgsx45g/#&togetherjs=SUJmCrpHql – Muccagelato

谢谢你们，你们所有的答案都是有效的。 – Muccagelato

你可以试试这个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(); 
}

来源

2016-08-16 10:24:51 Smit

谢谢，我将用它作为未来的推荐 – Muccagelato

首先做你的脚本一个变化下面提到

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

该按钮，你必须点击绑定与代表团方法on()

$(document).on('click','<your_button_selector>', function(){ 
    alert("hello") // replace and put your code here 
});

好运..！

来源

2016-08-16 10:19:03

试试这个

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

来源

2016-08-16 10:22:20

试试这个：

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

来源

2016-08-16 10:23:06

相反的

getElementById('demo').innerText= data;

改变以下线。

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

来源

2016-08-16 10:24:53 krishna

1.你可以在你的浏览器中浏览http://url/hello.txt吗？

2.open开发工具，是否有任何错误，说明了什么？

3。getElementById必须在文档中使用对象

来源

2016-08-16 10:26:11 Carson

变化p与内容文本文件一个

回答

相关问题