DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> AJAX技術vs傳統的ASP無刷新技術
AJAX技術vs傳統的ASP無刷新技術
編輯:AJAX詳解     
AJax技術的優勢到底在哪裡呢,不明白。看一個最簡單的例子,假設用戶注冊的時候,判斷用戶輸入的名字是否已經被占用,假設輸入數字1:顯示"OK"(表示正確,可以使用);輸入其他字符:顯示"Error" (表示錯誤,已經被占用)。

  用AJax技術實現

  代碼: t.htm

<script>
function f(){
var req =new ActiveXObject("Microsoft.XMLHTTP");
req.open("GET","t.ASP?t1="+t1.value, true);
req.onreadystatechange = function(){
  if (req.readyState == 4) {
  if (req.status == 200) {
   msg.innerText = req.responseXML.documentElement.tagName;
}
}
}
req.send(null);
}
</script>
<div>1:顯示"OK"; 其他字符:顯示"Error"</div>
<input id=t1 value=1>
<input type=button value="檢測" >
<div id=msg></div>


  代碼:

t.ASP
<%
Response.ContentType="text/XML"
if request.querystring("t1")="1" then
response.write("<OK/>")
else
response.write("<ERROR/>")
end if
%>

  傳統的ASP無刷新技術

  代碼t.htm

<script>
function f(){
document.getElementById("o").src="t.ASP?t1="+t1.value
}
</script>
<div>1:顯示"OK"; 其他字符:顯示"Error"</div>
<input id=t1 name=1 value=1>
<input type=button value="檢測" >
<div id=msg></div>
<iframe src="t.ASP" style="display:none" id=o></iframe>

  代碼t.ASP

<%
if request.querystring="" then response.end
ss="ERROR"
if request.querystring("t1")="1" then ss="OK"
%>
<script>parent.msg.innerText="<%=ss%>"</script>

  兩者都是無刷新提取服務器(數據庫)數據並實時顯示在客戶段,那為什麼現在都要用 ajax呢,還要考慮中文編碼等麻煩問題。ajax到底好在哪裡,請高手詳細說說,我可是一知半解,還沒有領會到 AJax的妙處。

  在這裡,我們暫時只討論 AJax 調用同域下的asp文件(也就是說自己寫的ASP程序),小偷程序,偷取新聞,天氣預報等應用技術暫時不討論
,例子寫得很簡,沒有進行錯誤處理等,僅為討論之用。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved