Asp学习站欢迎你!

AJAX技术vs传统的ASP无刷新技术

作者:Admin 时间:08-05-07 点击:

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" 

标签: AJAX】 【打印】 【关闭
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 验证码: 验证码 查看所有评论