Question

我正在测试我是否能够使用Ajax调用文本文件并在html文件中更改我的文本。 html文件和文本文件都在服务器上的同一目录中。

但是当我点击它时文本没有改变，因为txt文件没有打开。如果发现任何错误，请告知。谢谢。

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState===4 && xmlhttp.status===200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>This text will change to text in file</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

文本文件simple包含以下文本：

IT工作!!这是从文本文件加载!!

Answer 1

代码工作正常。文本文件不能与html文件位于同一文件夹中，或者您使用的服务器阻止。打开开发人员控制台并观察网络响应，看看是否收到404错误。

http://plnkr.co/edit/V5tKVKPjYLvjFJWE475Y

无法调用文本文件并使用Ajax更改html中的文本

1 个答案: