对Gmail中使用AJAX技术的研究

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。

时间: 2024-10-27 13:37:33

对Gmail中使用AJAX技术的研究的相关文章

联想搜索-myeclipse10中使用AJAX技术需要配置些什么?

问题描述 myeclipse10中使用AJAX技术需要配置些什么? 各位前辈好,新人刚接触有关只是,如题,我尝试建立一个web项目然后导入ajax包,然后按照书上的例子进行尝试,结果html页面出现后,输入一些字,却无法实现联想搜索的目的,代码检查过没有问题,请问各位前辈该怎么解决 解决方案 你可以学习一下jquery,它封装了ajax而且学习很简单,可以上网查询教程. 解决方案二: ajax有原生的js的实现,也有框架的实现方式如jQuery,前者不需要额外的东西,后者是对前者的封装,需要jq

云环境中密文搜索技术的研究

云环境中密文搜索技术的研究 北京邮电大学  高飞 本文提出了一种新的.高效的多关键字可搜索公钥加密方案(NSCF-PECK).这种方案基于双线性对构造,并采用公共信道来传输密文.在整个算法的设计上,仅仅使用了两次双线性对运算,极大的减小了可搜索公钥加密技术的计算开支.同时在客户端和云服务器之间采用公共信道来传送加密的数据,减少了建设安全信道的费用.最后,本论文证明了NSCF-PECK方案的一致性,深入分析了该算法的高效性和安全性.在上述NSCF-PECK可搜索公钥加密方案的基础上,本文提出了一种

WordPress中利用AJAX技术进行评论提交的实现示例_javascript技巧

一直对 WordPress 的 Ajax 交互研究感兴趣,也一直很关注于这方面的技术,谈到 WordPress Ajax 就不得不谈到评论 Ajax提交,作为一个博客.论坛评论的 Ajax 提交不仅可以改善用户体验,还可以大幅缩减服务器开支,毕竟输出单条评论内容比重新组织输出一个页面要简单的多. 虽说现在访问量一直比较低,不存在服务器压力的问题,但一向注重用户体验的我,当然不能放弃这么一个提升用户体验的机会.今天抽了一下午的空,把这个主题的 Ajax 评论提交初步完成了. 直接开门见山,直接上代

Rails系统中的AJAX开发技术简析

ajax|rails 一. Ajax的简短历史 在短短几个月内,Ajax从一种十分模糊稀罕的技术一下变成最热门的东西.本文将介绍极其容易使用的Ajax支持-作为Ruby on Rails web应用程序框架的一部分实现. 本文不是一个详细的教程,所以我假定你已经了解一点关于如何组织和构建一个Rails web应用程序的知识. 最开始出现的是万维网.比较于桌面应用程序,web应用程序相当缓慢和沉闷.无论如何,人们都喜欢上了web应用程序,因为他们无论在什么地方都能上网,只要身边的计算机上安装一个浏

Rails系统中的AJAX开发技术简析(1)

ajax|rails 一. Ajax的简短历史 在短短几个月内,Ajax从一种十分模糊稀罕的技术一下变成最热门的东西.本文将介绍极其容易使用的Ajax支持-作为Ruby on Rails web应用程序框架的一部分实现.本文不是一个详细的教程,所以我假定你已经了解一点关于如何组织和构建一个Rails web应用程序的知识. 最开始出现的是万维网.比较于桌面应用程序,web应用程序相当缓慢和沉闷.无论如何,人们都喜欢上了web应用程序,因为他们无论在什么地方都能上网,只要身边的计算机上安装一个浏览

面向.NET开发人员的Ajax 技术平台策略(3)

ajax|策略|技术平台 基于Ajax 架构的Web应用框架 之前我提到过"似Ajax" 的架构,现在我要说的Ajax框架也就是指专门针对这种Ajax架构而提供的框架.目前,我还没有听说过特别好的这个领域的流行框架.但我知道我的身边,.NET领域,J2EE领域或PHP平台上都有这样的框架和应用,我认为,正是因为有很多这样应用,所以Ajax才会像某个模式一样,被撰有一个专门的名词.不过我感觉Ajax 渐渐变成了Ajax feature的代名词,变成了XMLHTTP的代名词,成了异步通讯,

J2EE开发技术点4:ajax技术

前言 AJAX 是在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术.需要知道的是,Ajax技术并不是一项新的技术,而是使用现有技术解决问题的新方法.Ajax(Asynchronous JavaScript and XML)也叫异步JavaScript和XML,该技术最早应用于Google maps上,也是Google把这项技术带到千家万户,可以发现目前主流的Web开发框架都集成了Ajax的功能,这点也说明了这项技术的优越性.Ajax技术的工作原理很简单:通过在后台与服务器进行少

AJAX技术如何节省应用的带宽:多次交互,每次少量更新

ajax|交互 Using javascript:void(0);">AJAX to Improve the Bandwidth Performance of Web Applications这篇文章十分量化的说明了javascript:void(0);">AJAX技术如何节省应用的带宽.我将文章中的2次测试的效果截图用画图组合对比了一下:这样看效果更明显一些http://www.alixixi.com/web/a/ 这里有几个基本的结果:1 包含ajax的应用首次下载要比

解开Ajax技术生命中的达芬奇密码

ajax 现在,Ajax技术发展势头迅猛,开发者已经建立了一个调用大量客户端javascript.不断增长的.复杂的系统.因此,在JavaScript上尝试OO技术便成为了管理复杂性的一种手段.在此过程中,多数开发者很快便认识到:JavaScript是一种原型化的(prototypical)语言,它缺少OO自身带来的多种便利. 几乎每位在开发JavaScript时尝试应用面向对象技术的开发者,或多或少都会问自己一个问题:"如何调用父类(super class)的方法?"在Ajax技术还