当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > AJAX技术 vs 传统的ASP无刷新技术

AJAX技术
一个简单的ASP+AJAX留言本源码下载
IE7下ajax之open Method New的说明
ASP+Ajax实现无刷新评论简单例子
AJAX的阻塞及跨域名解析
[js]一个获取页面ip的正则
AJAX乱码解决新方法
也写一个Ajax.Request类附代码
AJAX简历系统附js文件
Ajax留言本源码 提供下载了
找到一款不错的基于AJAX留言板源码(PHP版、ASP版)提供下载了
Ajax 学习资源 中外都有
本人ajax留言板的源程序 不错的应用js
xmlhttp 乱码 比较完整的解决方法 (UTF8,GB2312 编码 解码)
AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通
AJAX缓存问题的两种解决方法(IE)
AJAX 常用函数创建XMLHTTP对象,区别IE,Mozilla浏览器
Ajax的小贴士使用小结
用ajax动态加载需要的js文件
XMLHTTP多浏览器兼容性写法
PJBLOG中用到的ajaxjs.几个简单的函数

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 41 ::
收藏到网摘: n/a

 
  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程序),小偷程序,偷取新闻,天气预报等应用技术暂时不讨论
,例子写得很简,没有进行错误处理等,仅为讨论之用。