html - ajax请求数据成功，页面的数据没有加载出来
本文介绍了html - ajax请求数据成功，页面的数据没有加载出来的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
w3c的ajax的例子，点击按钮，（ajax请求读取一个本地ajax.txt文件）页面展示其内容，
在chrome中打开页面，点击按钮请求成功，但是页面没有显示ajax.txt的内容，这是为什么呢？
代码和chrome截图如下
<html>
<head>
<script type="text/javascript">
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", "ajax.txt", true);
xmlhttp.send();
}
</script>
</head>
<body>
<h2>AJAX点击下方按钮，从后端获取数据</h2>
<button type="button" onclick="loadXMLDoc()">请求数据</button>
<div id="myDiv"></div>
</body>
</html>
解决方案
开启本地服务器环境。
这篇关于html - ajax请求数据成功，页面的数据没有加载出来的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
