首页 > 编程开发 > 一个简单在AJAX+Asp的实例

一个简单在AJAX+Asp的实例

2013年4月11日 发表评论 阅读评论

在Web2.0热潮中,Ajax是人们谈论最多的技术术语之一!其实,AJAX是Asynchronous JavaScript and XML的简写,是多种技术的综合。它使用XHTML和CSS标准化呈现,使用DOM实现动态显示和交互,使用XML和XSTL进行数据交换与处理,使用XMLHttpRequest对象进行异步数据读取,使用Javascript绑定和处理所有数据。更重要的是它打破了使用页面重载的惯例技术组合,可以说AJAX已成为Web开发的重要武器!

下面是一个简单的Ajax实例,其中Request.htm是数据请求和展示页面,Response.asp是后台数据处理页面。程序虽简单,麻雀虽小五脏俱全,希望能对初学者带来帮助。

Request.htm页面:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>请求页面</title>  
  6. <script type="text/javascript">  
  7.  var XmlRequest=null;  
  8.  try{  
  9.   XmlRequest=new XMLHttpRequest();  
  10.  }  
  11.  catch(a){  
  12.   try{  
  13.    XmlRequest=new ActiveXObject("MsXml2.XMLHTTP");  
  14.   }catch(b){  
  15.    try{  
  16.     XmlRequest=new ActiveXObject("Microsoft.XMLHTTP");  
  17.    }catch(c){}  
  18.   }  
  19.  }  
  20.  function Request(){  
  21.   var id=document.getElementById("text").value;  
  22.   XmlRequest.open("get","Response.asp?max="+id+"&r="+Math.random(),true);  
  23.   XmlRequest.onreadystatechange=Response;  
  24.   XmlRequest.send(null);  
  25.  }  
  26.  function Response(){  
  27.   if(XmlRequest.readyState==4 && XmlRequest.status==200){  
  28.    result.innerHTML=XmlRequest.responseText;  
  29.   }  
  30.  }  
  31. </script>  
  32. </head>  
  33. <body>  
  34. 最大随机数:<input type="text" id="text"  value="100" maxlength="6" />  
  35. <input type="button" value="取得随机数" onclick="Request()" /><br />  
  36. <span style="float:left;">服务器返回:</span><div id="result" style="color:#FF0000;"></div>  
  37. </body>  
  38. </html>  

Response.asp页面:

  1. <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>  
  2. <%  
  3. On Error Resume Next 
  4. dim max  
  5. max=clng(Request("max"))  
  6. if err.number=0 then  
  7. Randomize()  
  8. Response.Write(int(rnd()*max+1))  
  9. else  
  10. err.clear()  
  11. Response.Write("您输入的好像不是数字吧?")  
  12. end if  
  13. %> 
分类: 编程开发 标签: , ,
  1. 本文目前尚无任何评论.
  1. 2013年12月23日19:59 | #1