我新的AJAX處理多個Ajax請求
我面臨的問題是,我有一個數據庫查詢需要2分鐘來執行......而它在執行我希望用戶得到最新的更新即每30秒發生一次從數據庫處理的訂單數量。
在我開始訂單處理查詢之前..我打印訂單staus ..精細..然後我開始訂單處理查詢和之間如果我點擊更新按鈕..它等待訂單處理完成然後給我更新...這裏是我的代碼
<html>
<head>
<script type="text/javascript">
function getupdate()
{
v=document.getElementById('test').value;
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()
{alert(v);
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("update").innerHTML=v;
//document.getElementById("chunks").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","querygoogle.php",true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
xmlhttp.send("process=9");
}
function chunks()
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp1=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp1=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp1.onreadystatechange=function()
{
if (xmlhttp1.readyState==4 && xmlhttp.status==200)
{
document.getElementById("chunks").innerHTML=xmlhttp1.responseText;
}
}
xmlhttp1.open("POST","querygoogle1.php",true);
xmlhttp1.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
xmlhttp1.send("process=0");
//xmlhttp.send();
}
</script>
</head>
<body >
<span id="txtHint"></span><input name="test" type="text" id="test" onchange="getupdate();" value="3"/>
<p>Status: </p>
<div id="chunks" >
<p>Being Submitted for Analysis</p>
<p>
<input name="search" type="button" value="search" onclick="chunks();">
</p>
</div>
<p>Update: </p>
<div id="update" ></div>
</body>
</html>
任何人都可以請求幫助。謝謝
如果您的數據庫查詢需要2分鐘,請嘗試優化它們(例如,通過使用索引)。 – ThiefMaster 2010-12-04 12:01:28