AJAX技术与传统的ASP无刷新技术对比
2007-06-20 16:07
357 查看
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程序),小偷程序,偷取新闻,天气预报等应用技术暂时不讨论
,例子写得很简,没有进行错误处理等,仅为讨论之用。
用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技术 vs 传统的asp无刷新技术.(转)
- Ajax实现定时刷新,获取后台数据(实现技术ASP)
- Ajax无刷新技术实现省市县三级联动下拉菜单--Asp.Net
- Ajax无刷新技术实现省市县三级联动下拉菜单--Asp.Net
- Asp.net用ajax技术实现无刷新分页
- Ajax实现定时刷新,获取后台数据(实现技术ASP)
- 在传统asp.net2.0(非AJAXEnabledWebSite)网站中,使用asp.net AJAX技术
- 传统的ASP.NET网页与AJAX技术
- Ajax(asp.net)技术实现异步刷新和控件功能示例流程
- 泛微OA中的显示ajax技术, CreateHtml 创建调用asp文件无刷新
- asp.net实现无刷新ajax技术登录界面
- Ajax实现定时刷新,获取后台数据(实现技术ASP)
- asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
- asp.net AJAX 定期刷新页面,然后,在 Timer 的事件中弹出窗口
- 21.5 UpdatePanelAnimation局部刷新动画控件(征服ASP.NET 2.0 Ajax——Web开发技术详解)
- 传统WINFORM VS 智能客户端 VS Asp.net Vs Ajax
- Asp.net Ajax,ExtJs 两种Ajax技术产生Grid的代码以及性能测试
- ajax+asp.net/asp/php+mssql无刷新聊天室
- [转]Asp.Net 上传大文件专题(4)--利用ajax技术显示上传进度
- Silverlight整合Asp.net AjAX的技术应用