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

2016-01-29 11:26 7 1 收藏

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

【 tulaoshi.com - Javascript 】

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/javascript/)

来源:https://www.tulaoshi.com/n/20160129/1482394.html

延伸阅读
标签: Web开发
做公司网站时的一个应用,用猫东的表单验证插件做实时的验证,和jquery的ajax提交数据,获取评论的时候加入简单的分页 原理很简单,注意一下编码问题就行了 实现了获取评论无刷新,发表评论无刷新,页面获取评论时显示loading加载效果 jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab...
Project Dynamic Faces是数个扩展JavaServer Faces技术的的项目之一。Project Dynamic Faces是一个创新型的项目,提供了向基于JavaServer Faces技术的应用软件增添Ajax功能的方法。它使我们能够让应用软件已经在使用的任何JavaServer Faces组件支持Ajax功能。我们无需对组件进行修改就能够使它们支持Ajax,我们也无需对应用软件进行任何修改...
标签: Web开发
在网页中实现页面无刷新的进度条显示不是一件很麻烦的事情,但如果这个进度条要能准确反映当前事务或者复杂逻辑的执行进度,那么却并不是一件容易的事情,目前AJAX技术流行,所以本文作者试想通过AJAX来实现网页准确进度条,以銄读者。  首先应该想一个问题,复杂事务或者事务逻辑如果不按线程方式运行,运行在JAVA运行中根本无法...
标签: ASP
  刷新技术经历了大致几个阶段: 一、在HTML文件头里增加一个键,使该页面在设定的时间后跳转到指定的页面(包括自身); 例如: <meta http-equiv="refresh" content="30" 二、使用框架然后在JS脚本里定时刷新框架内容。 上面两种方式都会重新加载页面,即刷新,给人的感觉不是很好!于是无刷新技术出现了。 三、是对第二种方式的一...
标签: ASP
  Data shaping(又可以被称为分层记录集) 如果你对ACCESS非常熟悉的话,它就类似与其中的子表。在你使用VB 进行数据库开发的时候是你的最佳选择。 这种技术有很强大的运用场合,特别适应与OLTP等企业级运用程序的开发。 它允许你使用一种树状结构来表现你的数据,所以它特别适合与 来给用户显示有关联的数据表格形...

经验教程

129

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部