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

ajax|刷新|无刷新

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

时间: 2024-10-02 23:28:22

AJAX技术 vs 传统的ASP无刷新技术的相关文章

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

ajax|刷新|无刷新    ajax技术的优势到底在哪里呢,不明白.看一个最简单的例子,假设用户注册的时候,判断用户输入的名字是否已经被占用,假设输入数字1:显示"OK"(表示正确,可以使用):输入其他字符:显示"Error" (表示错误,已经被占用). 用ajax技术实现 代码: t.htm <script> function f(){ var req =new ActiveXObject("Microsoft.XMLHTTP")

不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术_javascript技巧

网上流传的什么<<AJAX vs ASP传统无刷新>>中的ASP无刷新,加个IFRAME,弄个JS根本不能称之为无刷新..... 一下代码未区分大小写,请自行修改! 全静态无刷新思路: <HTML> <SCRIPT SRC=""></SCRIPT>//当前页面全局的 无数新调用 <SCRIPT> //一系列JS调用 FUNCTION XX(FUN_NAME,PARAMETER_NAME,PARAMETER_VALU

.net Ajax无刷新技术

ajax|刷新|无刷新 [导读]Ajax技术了,号称无刷新,其实是在web上通过javascript,使用异步的xmlhttp请求,实现无刷新的web界面.本文通过一个实例带大家体验.net Ajax无刷新技术-- 下载一个.net Ajax开发包,该开发包包括ASP2.0和目前ASP1.1版使用的Ajax,详细地址参见http://ajax.schwarz-interactive.de/,接下来,开始. 1. 新建一个项目,在引用中添加引用Ajax.dll,Ajax.dll位于下载的压缩包里面

数据库聊天室的“无刷新”技术要点

聊天室|数据|数据库|刷新|无刷新 聊天室是网络实时交互的最常应用之一.聊天室的制作要解决好以下问题.1.谁在发言2.讲给谁听3.讲些什么与ICQ不同,ICQ 的数据流是一对一的关系.只要解决好上面三个问题就可以实现.聊天室由于存在一对多.多对一.一对一等多种数据关系,因此就有一个数据的存放问题.ASP 聊天室的数据存放一般有三种形式: 一是用全局变量Application 和Session对象.这种形式速度快效果好,但系统资源消耗太大.二是应用读写数据库实现.这种方法简明但服务器频繁读写数据据

asp 无刷新上传带预览程序代码

首先我是使用艾恩ASP无组件上传类的iframe.直接在框架里面上传后赋值给父窗口的input.下面就是index.php的代码了.但是这个这能上传一张图片不能批量上传图片!    单文件上传<br /> <iframe frameborder="0" height="60" width="400" name="upload" src="upload.asp"></iframe

初次体验.NET Ajax无刷新技术

ajax|刷新|无刷新 早就听说Ajax技术了,传说中是一种很牛的东西,号称无刷新,其实是在web上通过javascript,使用异步的xmlhttp请求,实现无刷新的web界面.可惜一直没有体验过, 先后听做PHP的朋友用过PHP的Ajax开发包,而且做了很多很酷的东西,使小生羡慕不已. 今天下了一个.net Ajax开发包,该开发包包括ASP2.0和目前ASP1.1版使用的Ajax,详细地址参见http://ajax.schwarz-interactive.de/,接下来,开工. 1. 新建

分页技术原理与实现之无刷新的Ajax分页技术(三)_AJAX相关

紧接着上篇-分页技术原理与实现之Java+Oracle代码实现分页(二) ,本篇继续分析分页技术.上篇讲的是分页技术的代码实现,这篇继续分析一下分页技术的效果控制. 上篇已经用代码简单的实现了一个分页.但是我们都看到,代码中每次通过servlet请求取得结果集后,都会转向到一个jsp页面显示结果,这样每次查询页面都会刷新一下,比如查询出现结果集后要查看第三页,页面就会刷新一下.这样页面给人的效果感觉就会有点不舒服,所以我们希望能够在通过条件查询结果集后无论访问哪一页,页面都不会刷新,而只是结果集

分页技术原理与实现之无刷新的Ajax分页技术(三)

紧接着上篇-分页技术原理与实现之Java+Oracle代码实现分页(二) ,本篇继续分析分页技术.上篇讲的是分页技术的代码实现,这篇继续分析一下分页技术的效果控制. 上篇已经用代码简单的实现了一个分页.但是我们都看到,代码中每次通过servlet请求取得结果集后,都会转向到一个jsp页面显示结果,这样每次查询页面都会刷新一下,比如查询出现结果集后要查看第三页,页面就会刷新一下.这样页面给人的效果感觉就会有点不舒服,所以我们希望能够在通过条件查询结果集后无论访问哪一页,页面都不会刷新,而只是结果集

.NET Ajax的无刷新技术实例详解

ajax|刷新|无刷新|详解 下载一个.net Ajax开发包,该开发包包括ASP2.0和目前ASP1.1版使用的Ajax,详细地址参见http://ajax.schwarz-interactive.de/,接下来,开始. 1. 新建一个项目,在引用中添加引用Ajax.dll,Ajax.dll位于下载的压缩包里面. 2.建立HttpHandler,在web.config里面加上: <configuration>lt;system.web>lt;httpHandlers>lt;add