战剑网络,网站建设,系统开发,程序设计

搜索Top
对Gmail中使用AJAX技术的研究


搜索关键字:
  现在提起ajax,大家都立刻会想起gmail、google map这几个经典的ajax应用。gmail的优良表现我们都看过了,那么它的实现你研究过了吗?它怎么在几个不同的浏览器上可以一致的实现xml异步调用的呢?一起来看看吧。

  首先,登录gmail以后我们会先进入这个页面:

<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<title>gmailtitle>
<link rel="alternate" type="application/atom+xml" title="gmail atom feed" href="feed/atom" />
<script src="?view=page&name=browser&ver=c0d3d44c64799453"></script>
head>
<noscript>
<font face=arial>

  应启用 javascript,才能在标准视图中使用 gmail。然而,javascript 似乎已被禁用,要么就是您的浏览器不支持 javascript。要使用标准视图,请更改您的浏览器选项以启用 javascript,然后<a href="">重试<a>。<p>要使用 gmail 的基本 html 视图(不需要 javascript),<a href="?ui=html&zy=n">请单击此处</a>。<p>
</font>
</noscript>
<script>
(编者注:原文如此)
</script>
</html>

  这是主框架网页兼浏览器检测页。如果浏览器通过了检测(支持javascript、cookie和xml控件)则在页面上写一段框架代码

  要注意到的是google在这里耍了一个小花招,那个叫做main的框架页面里面看来没有多少东西,好东东都在那个叫js的框架里面呢。

  我们接着把这个js框架拉出来看看:

  整整1500多行的javascript代码!

  这个页面有240多k,几乎全都是javascript代码。有兴趣分析的兄弟姐妹们请点这里下载。

  其实其中大部分都是老生常谈的js代码了,不过我们可以一窥google的编码风格:尽可能压缩信息量,变量名能用一个字母的绝不用两个,函数名一概都是两个字母的,函数内的会车是没有的,缩进也是没有的。虽然代码没有特地加密,但是如此处理一番之后也就没什么可读性了。还好系统的关键字是不能缩水的,顺着xml控件的名字我们可以揪出来跟ajax异步加载数据相关的几个关键函数:

function vb()
{
 vara=null;
 if(r)
 {
  var b=fg?"microsoft.xmlhttp":"msxml2.xmlhttp";
  try{a=new activexobject(b)}
  catch(c)
  {
   q(c);
   alert("您需要启用活动脚本功能和activex 控件。")
  }
 }else{
  a=new xmlhttprequest();
  if(!a){;alert("此浏览器不支持 xmlhttprequest。")}
 }
 return a
}
//emu注释 构造xml控件并返回给调用者

function ot(a,b){;
 try{
  a.send(b)
 }
 catch(c)
 {
  q(c);
  if(c.number==-2146697208){
   alert("请确保 internet explorer 的”语言”设置部分不是空白。")}
 }
}

//emu注释 执行发送数据操作 a:xml控件 b:要发送的数据

function wf(a,b,c){
 da(3);
 b=ld(b);
 hf(a,b,c)
}

//emu注释 a:xml控件 b:访问的url c:回调函数 da是验证参数长度的函数
//ld是一个url转换加工的函数,主要处理url自带的cgi参数和翻页的页数等

function hf(a,b,c){

 da(3);
 a.onreadystatechange=c;
 a.open("get",b,true);
 ot(a,null)
}
//emu注释 不发送数据直接请求资源 a:xml控件 b:访问的url c:回调函数

function nt(a,b,c,d){
 da(4);
 a.onreadystatechange=d;
 a.open("post",b,true);
 ot(a,c)
}
//emu注释 发送数据并请求资源 a:xml控件 b:访问的url c:要发送的数据 d:回调函数

  基本上就这么多了,很失望吧,没有什么新鲜的东西。发送http请求之后它又怎么处理返回的xml的呢?事实上他没有处理。他所处理的仅仅是最基本responsetext,而cgi则直接生成js脚本到客户端回调(用eval运行),或者生成文本信息。这就是为什么gmail可以轻松跨域几个浏览器了。

  作为最受推崇的一个ajax应用,却几乎没有用到xml。像这样用xml控件来收发文本信息后在页面上展现的技术,基本上就是现在ajax最流行的应用方式了,不过这样也能叫ajax吗?我宁可就叫它aj,最多叫ajah。

[ 打印本页 ] [ 收藏本页 ]

[上一篇]:Ajax受Google&Yahoo青睐成Web新动力
[下一篇]:静态页中利用AJAX.NET实现无刷新页面
Tags:Gmail AJAX
 ·静态页中利用AJAX.NET实现无刷新页面
 ·剖析AJAX成为“时尚”的十大主要理由
 ·精华:AJAX开发简略(第一部分)
 ·如何使用Ajax技术开发Web应用程序
 ·AJAX实例:根据邮编自动完成地址信息

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
搜索Top

关于我们 - 联系我们 - 广告业务 - 友情链接 - 网站制作 - 留言板 - 会员注册
All Right Zjm.Net.Cn (zjm Enterprise v3.0)
联系电话:0576-8603312 地址:浙江省台州市经济开发区
技术支持:点击这里给我发消息280610248 业务: 点击这里给我发消息40520767 客服: 点击这里给我发消息441758646
E-mail:zjm@zjm.net.cn 备案证书号:浙ICP备06030047号