2017-04-25 93 views
-1

代码中是否有任何错误,代码是从w3schools中拷贝来练习的。当我点击我的笔驱动器按钮我没有重定向到页面mobile.txt 有问题吗?无法在chrome,IE或firefox上运行ajax代码

<!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>  
+0

首先 - 您在浏览器控制台中遇到什么错误。 ?第二个AJAX调用用于将数据加载到页面上,而不是将您重定向到另一个页面,如果您希望这样做,您可以使用'window.location.href =“http://someurl.com” –

回答

0

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

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

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

0

这有点令人惊讶。

请确保你的html文档在同一个目录下有'mobile.txt'。如果有,请尝试更新浏览器。一般的'新的XMLHttpRequest()'方法可能与你的浏览器版本不兼容

除此之外,我向你保证你的代码中的一切都是完美的。

相关问题