PHP 之 简单ajax Loading加载

var xmlHttp;

function createXmlHttpReq() {
	if(window.ActiveXObject) {
		xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
	} else if(window.XMLHttpRequest) {
		xmlHttp = new XMLHttpRequest();
	}
}

function funMy(url) {
	createXmlHttpReq();
	try {
		xmlHttp.onreadystatechange = cb;//一定要在open()前,下边会有说明。在此处犯错了
		xmlHttp.open("GET","for.php?id="+url,true);
		xmlHttp.send(null);
	} catch(e) {
		alert("您访问的资源不存在");
	}
	
}

//回调函数
function cb() {
	
	if(xmlHttp.readyState==1) {
		alert("1-------------->");
		//在Google Chrome 浏览器里不显示loading图片，三秒后显示内容,问题已解决，下边有说明
		document.getElementById('ajax').innerHTML = "<img src=loading2.gif>";
		
		//document.getElementById('ajax').innerHTML = "Loading......";
	}
	
	if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
			var data = xmlHttp.responseText;
			document.getElementById('ajax').innerHTML = data;
	}
	
}

测试的时候，被 Chrome 给绊着了。请看下边解释：

這樣寫本來就不會接到.readyState==1的回應
因為1是表示已經調用.open()完成

但是.open()在.onreadystatechange事件前就被調用了,所以你應該不可能接到.readyState==1的回應

故,想接到.readyState==1 =>.onreadystatechange必須在.open()之前
那麼為什麼有時候接到呢?

因為你使用同一個全域變數...在連續操作時有可能會因為一個xhr請求還在等候php而又將它再次初始化引發


應該先決定資料的處理方式onreadystatechange,在送出要處理的資料open()

特别感谢：http://twpug.net/modules/newbb/viewtopic.php?forum=34&post_id=20634