我是 Ajax 的初学者,我有这个 html 代码,旨在通过使用 xmlhttprequest 请求不同的 html 地址并将其内容放入 div 来更改 div 的内部内容。我究竟做错了什么?这是代码:
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script type="text/javascript">
var xmlhttp= null;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
alert("You must be using a different browser.");
}
function makeRequest(serverPage,objID){
var obj = document.getElementById(objID);
xmlhttp.open("GET",serverPage);
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 100){
obj.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
</script>
</head>
<body onload="makeRequest ('content1.html','hw')">
<div align="center">
<h1>My Webpage</h1>
<a href="content1.html" onclick="makeRequest('content1.html','hw'); return false;"> Page1</a> | <a href="content2.html" onclick="makeRequest('content2.html','hw'); return false;"> Page2</a> | <a href="content3.html" onclick="makeRequest('content3.html','hw'); return false;"> Page3</a> | <a href="content4.html" onclick="makeRequest(content4.html,hw); return false;"> Page4</a>
<div id = "hw"></div>
</body>
最佳答案
一般来说,这对我来说看起来不错。
但是 xmlhttp.status == 100
检查看起来很可疑。
100 是一个不寻常的 HTTP 状态代码。通常,网络服务器在请求成功时返回 200(“OK”)。
尝试将 status == 100
检查替换为 status == 200
。
引用请参见:http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html
关于javascript - 使用 Ajax 更改 div 的内部内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13619183/