一個用傳統js實現的ajax的例子
老師，麻煩您幫我看一下這個代碼，單擊“Ajax提交”后，沒有出現預期的效果。
demo1.html?如下：
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
?<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<script?language="javascript"?type="text/javascript">
//通過這個函數來異步獲取信息
function?Ajax(){
????var?xmlHttpReq?=?null;????//聲明一個空對象用來裝入XMLHttpRequest
????if?(window.ActiveXObject){//IE5?IE6是以ActiveXObject的方式引入XMLHttpRequest的
????????xmlHttpReq?=?new?ActiveXObject("Microsoft.XMLHTTP");
????}
????else?if?(window.XMLHttpRequest){//除IE5?IE6?以外的瀏覽器XMLHttpRequest是window的子對象
????????xmlHttpReq?=?new?XMLHttpRequest();//實例化一個XMLHttpRequest
????}
????if(xmlHttpReq?!=?null){????//如果對象實例化成功
????????xmlHttpReq.open("GET","test.php",true);????//調用open()方法并采用異步方式
????????xmlHttpReq.onreadystatechange=RequestCallBack;?//設置回調函數
????????xmlHttpReq.send(null);????//因為使用get方式提交，所以可以使用null參調用
????}
????function?RequestCallBack(){//一旦readyState值改變，將會調用這個函數
????????if(xmlHttpReq.readyState?==?4){
????????????if(xmlHttpReq.status?==?200){
????????????????//將xmlHttpReq.responseText的值賦給ID為?resText?的元素
????????????????document.getElementById("resText").innerHTML?=?xmlHttpReq.responseText;
????????????}
????????}
????}
}
</script>
</head>
<body>
<input?type="button"?value="Ajax提交"?onclick="Ajax();"?/>
<div?id="resText"?></div>
</body>
</html>其中，test.php如下：
<?php ???echo?"Hello?Ajax!"; ?>
用的apache服務器
2015-07-21
這是我的服務器狀態
2015-07-21
代碼沒問題那么可能是你服務器有問題
2015-07-20
這是別人運行我的代碼的結果，說明代碼沒問題，那么應該是哪兒出問題了呢？？求指教！！
2015-07-20
本來應該是這樣的：
可是我這兒卻是這樣的：