成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

AJAX技術 vs 傳統的ASP無刷新技術

2010-08-28 10:48:52來源:西部e網作者:

  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="檢測" onclick="javascript:f()">
<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="檢測" onclick="javascript:f()">
<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程序),小偷程序,偷取新聞,天氣預報等應用技術暫時不討論,例子寫得很簡,沒有進行錯誤處理等,僅為討論之用。
關鍵詞:AJAX

贊助商鏈接:

主站蜘蛛池模板: 安岳县| 武夷山市| 邓州市| 昌邑市| 丰顺县| 抚松县| 宁陵县| 广宗县| 涿州市| 吉林市| 漾濞| 平阳县| 萍乡市| 滦平县| 高清| 无极县| 无棣县| 麦盖提县| 奉节县| 安化县| 濉溪县| 昂仁县| 扎鲁特旗| 晴隆县| 高阳县| 彭泽县| 黄浦区| 宜阳县| 南通市| 杨浦区| 时尚| 锦州市| 太保市| 拉萨市| 彰武县| 光泽县| 韶山市| 巴塘县| 鄂尔多斯市| 开封县| 资溪县|