AJAX和传统的ASP无刷新技术比较

2016-02-19 18:26 10 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的AJAX和传统的ASP无刷新技术比较,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

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

  用ajax技术实现

  代码: t.htm

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

<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

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

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

来源:http://www.tulaoshi.com/n/20160219/1617670.html

延伸阅读
标签: Web开发
代码如下: html head titleajax test/title meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / script type="text/javascript" src="jquery.js"/script script type="text/javascript"... function ajaxRequest()...{ $.ajax(...{ url: 'http://hq.sinajs.cn/list=sh000001,sh601939,sh600016,sh600528,sh600667,...
标签: Web开发
!--#include file="command.asp" -- % Dim  CurPage CurPage=cint(Request("page")) If CurPage = empty or CurPage1 Then       CurPage = 1 End If Response.ContentType="application/xml" Response.Charset="gb2312"  Respo...
标签: Web开发
实例解决问题: 希望实现用户在进入系统以后(整个session的时效之内),如果收到新邮件则发出声音提示。 实现思路: 1.首页部分: body onload="init('');" // load时调用init(user); 2.js部分:用XMLHTTP实现页面局部刷新,调用check_mail.jsp对后台数据库进行检索判断并返回结果。 var xmlhttp = new ActiveXObject("Micro...
标签: Web开发
通过XMLHTTP发送请求,返回结果.   script language="JavaScript" function GetResult() ...{ /**//**//**//* *--------------- GetResult() ----------------- * GetResult() * 功能:通过XMLHTTP发送请求,返回结果. * 参数:str,字符串,发送条件. * 实例:GetResult(); *--------------- GetResult() ----------------- */ v...
标签: Web开发
不知上过ChinaRen校友录的朋友们有没有注意,ChinaRen在改版后很多方面都进行了较大的改动。例如留言与回复方面已经不再像以前那样,在每次提交后总得重新加载一下整个页面,碰到网速超慢时,只能干瞪着眼睛等待。那么现在这种炫丽的效果又是如何做到的呢,如果你觉得有兴趣,那就跟着我一起往下看吧! 了解Ajax的朋友也许知道其实这种炫丽...

经验教程

508

收藏

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