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

新客网 XKER.COM 2006-05-11 来源： 收藏本文

　ajax技术的优势到底在哪里呢，不明白。看一个最简单的例子，假设用户注册的时候,判断用户输入的名字是否已经被占用，假设输入数字1：显示"OK"(表示正确,可以使用)；输入其他字符:显示"Error" (表示错误,已经被占用)。(相关文章：Ajax技术开发指南）

　　用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,xmlhttp跨域访问
• ·Ajax技术：构建动态的Java应用程序分析
• ·面向Java开发人员的Ajax:Java对象序列化
• ·手把手教你写Ajax驱动的DataGrid控件(三)
• ·手把手教你写Ajax驱动的DataGrid控件(二)
• ·手把手教你写Ajax驱动的DataGrid控件(一)
• ·迁移你的Web页面到asp.NET AJAX 1.0
• ·用事实说话！AJAX应用程序开发的七宗罪
• ·利用DWR开发基于Ajax的文件上载portlet
• ·开源Eclipse利用Ajax的优势与微软展开竞争
• ·使用AJAX技术实现网页无闪自动局部刷新
• ·Mashups+AJAX打造全新Web开发
• ·精典文萃：过渡技术的Ajax及Apusic JSF
• ·AJAX应用篇：必须用到和不必使用的地方
• ·AJAX使用技巧：如何处理书签和翻页按扭
• ·AJAX并不神秘：揭密各种AJAX控件和类库