无法在chrome,IE或firefox上运行ajax代码

时间:2017-04-25 09:25:48

标签: javascript ajax google-chrome

代码中是否有任何错误,代码将从w3schools复制进行练习。当我点击我的笔式驱动器按钮时,我没有被重定向到页面mobile.txt  有问题吗?

<!DOCTYPE html>
<html>
<body>

<div id="demo">
<h1>The XMLHttpRequest Object</h1>
<button type="button" onclick="loadDoc()">pendrive</button>

</div>

<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
  document.getElementById("demo").innerHTML =
  this.responseText;
  }
 };
xhttp.open("GET", "mobile.txt", true);
xhttp.send();
}

</script>
</body>
</html>       

2 个答案:

答案 0 :(得分:0)

Buddy,这是因为您的代码无法找到“mobile.txt”文件。

检查浏览器控制台是否有任何错误,您将看到404(找不到文件)错误。

该代码的作用是获取该特定文件并在您的UI中显示它。

答案 1 :(得分:0)

这有点令人惊讶。

请确保您拥有&#39; mobile.txt&#39;与html文档在同一目录中。如果有,请尝试更新您的浏览器。一般&#39;新的XMLHttpRequest()&#39;方法可能与您的浏览器版本不兼容

除此之外,我向你保证你的代码中的所有内容都是完美的。