`
riali
  • 浏览: 41615 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

AJAX案例研究之Gmail

GmailAjaxJavaScriptC#C++ 
阅读更多

现在提起AJAX，大家都立刻会想起Gmail、gogle map这几个经典的AJAX应用。Gmail的优良表现我们都看过了，那么它的实现你研究过了吗？它怎么在几个不同的浏览器上可以一致的实现xml异步调用的呢？一起来看看吧。

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

<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Gmail</title>
<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>
<!--
var fs_time = (new Date()).getTime();
function wfs() {
try {
if (parent != window && parent.wfs) {
return false;
}
} catch(e) {
}
if (top.location.href.indexOf('nocheckbrowser') != -1) {
return true;
}
if (!is_browser_supported) {
top.location = '?ui=html&zy=j';
return false;
}
var testcookie = 'jscookietest=valid';
document.cookie = testcookie;
if (document.cookie.indexOf(testcookie) == -1) {
top.location = 'html/zh-CN/nocookies.html';
return false;
}
document.cookie = testcookie + ';expires=' + new Date(0).toGMTString();
var agt = navigator.userAgent.toLowerCase();
if (agt.indexOf('msie')!= -1 && document.all &&agt.indexOf('opera') == -1 && agt.indexOf('mac') == -1) {
eval("var control = (agt.indexOf('msie 5') != -1) ? 'Microsoft.XMLHTTP' : 'Msxml2.XMLHTTP';try {new ActiveXObject(control);} catch (e) {top.location = 'html/zh-CN/noactivex.html';}");
}
return true;
}
function lj() {
js.location.replace('?view=page&name=js&ver=d6079057e81abd3c');
}
if (wfs()) {
document.write("<frameset onload=lj() rows=\"100%,*\" border=0><frame name=main src=html/zh-CN/loading.html frameborder=0 noresize scrolling=no><frame name=js src=html/zh-CN/loading.html frameborder=0 noresize></frameset>");}
//-->
</script>
</html>

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

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

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

整整1500多行的javascript代码！

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

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

functionvb(){vara=null;if(r){varb=fG?"Microsoft.XMLHTTP":"Msxml2.XMLHTTP";try{a=newActiveXObject(b)}catch(c){q(c);alert("您需要启用活动脚本功能和activeX控件。")}}else{a=newXMLHttpRequest();if(!a){;alert("此浏览器不支持XMLHttpRequest。")}}returna}
//emu注释构造XML控件并返回给调用者

functionot(a,b){;try{a.send(b)}catch(c){q(c);if(c.number==-2146697208){alert("请确保InternetExplorer的”语言”设置部分不是空白。")}}}
//emu注释执行发送数据操作a:XML控件b:要发送的数据

functionWf(a,b,c){Da(3);b=Ld(b);Hf(a,b,c)}
//emu注释a:XML控件b:访问的urlc:回调函数Da是验证参数长度的函数
//Ld是一个url转换加工的函数，主要处理url自带的CGI参数和翻页的页数等

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

functionnt(a,b,c,d){Da(4);a.onreadystatechange=d;a.open("POST",b,true);ot(a,c)}
//emu注释发送数据并请求资源a:XML控件b:访问的urlc:要发送的数据d:回调函数

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

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

今天先到这，下回再过来分析另一个完全不同的AJAX应用吧。大家周末愉快！

functionvb(){vara=null;if(r){varb=fG?"Microsoft.XMLHTTP":"Msxml2.XMLHTTP";try{a=newActiveXObject(b)}catch(c){q(c);alert("您需要启用活动脚本功能和activeX控件。")}}else{a=newXMLHttpRequest();if(!a){;alert("此浏览器不支持XMLHttpRequest。")}}returna}
//emu注释构造XML控件并返回给调用者

functionot(a,b){;try{a.send(b)}catch(c){q(c);if(c.number==-2146697208){alert("请确保InternetExplorer的”语言”设置部分不是空白。")}}}
//emu注释执行发送数据操作a:XML控件b:要发送的数据

functionWf(a,b,c){Da(3);b=Ld(b);Hf(a,b,c)}
//emu注释a:XML控件b:访问的urlc:回调函数Da是验证参数长度的函数
//Ld是一个url转换加工的函数，主要处理url自带的CGI参数和翻页的页数等

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

functionnt(a,b,c,d){Da(4);a.onreadystatechange=d;a.open("POST",b,true);ot(a,c)}
//emu注释发送数据并请求资源a:XML控件b:访问的urlc:要发送的数据d:回调函数

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

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

今天先到这，下回再过来分析另一个完全不同的AJAX应用吧。大家周末愉快！

整整1500多行的javascript代码！

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

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

functionvb(){vara=null;if(r){varb=fG?"Microsoft.XMLHTTP":"Msxml2.XMLHTTP";try{a=newActiveXObject(b)}catch(c){q(c);alert("您需要启用活动脚本功能和activeX控件。")}}else{a=newXMLHttpRequest();if(!a){;alert("此浏览器不支持XMLHttpRequest。")}}returna}
//emu注释构造XML控件并返回给调用者

functionot(a,b){;try{a.send(b)}catch(c){q(c);if(c.number==-2146697208){alert("请确保InternetExplorer的”语言”设置部分不是空白。")}}}
//emu注释执行发送数据操作a:XML控件b:要发送的数据

functionWf(a,b,c){Da(3);b=Ld(b);Hf(a,b,c)}
//emu注释a:XML控件b:访问的urlc:回调函数Da是验证参数长度的函数
//Ld是一个url转换加工的函数，主要处理url自带的CGI参数和翻页的页数等

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

functionnt(a,b,c,d){Da(4);a.onreadystatechange=d;a.open("POST",b,true);ot(a,c)}
//emu注释发送数据并请求资源a:XML控件b:访问的urlc:要发送的数据d:回调函数

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

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

今天先到这，下回再过来分析另一个完全不同的AJAX应用吧。大家周末愉快！

functionvb(){vara=null;if(r){varb=fG?"Microsoft.XMLHTTP":"Msxml2.XMLHTTP";try{a=newActiveXObject(b)}catch(c){q(c);alert("您需要启用活动脚本功能和activeX控件。")}}else{a=newXMLHttpRequest();if(!a){;alert("此浏览器不支持XMLHttpRequest。")}}returna}
//emu注释构造XML控件并返回给调用者

functionot(a,b){;try{a.send(b)}catch(c){q(c);if(c.number==-2146697208){alert("请确保InternetExplorer的”语言”设置部分不是空白。")}}}
//emu注释执行发送数据操作a:XML控件b:要发送的数据

functionWf(a,b,c){Da(3);b=Ld(b);Hf(a,b,c)}
//emu注释a:XML控件b:访问的urlc:回调函数Da是验证参数长度的函数
//Ld是一个url转换加工的函数，主要处理url自带的CGI参数和翻页的页数等

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

functionnt(a,b,c,d){Da(4);a.onreadystatechange=d;a.open("POST",b,true);ot(a,c)}
//emu注释发送数据并请求资源a:XML控件b:访问的urlc:要发送的数据d:回调函数

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

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

今天先到这，下回再过来分析另一个完全不同的AJAX应用吧。大家周末愉快！

<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Gmail</title>
<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>
<!--
var fs_time = (new Date()).getTime();
function wfs() {
try {
if (parent != window && parent.wfs) {
return false;
}
} catch(e) {
}
if (top.location.href.indexOf('nocheckbrowser') != -1) {
return true;
}
if (!is_browser_supported) {
top.location = '?ui=html&zy=j';
return false;
}
var testcookie = 'jscookietest=valid';
document.cookie = testcookie;
if (document.cookie.indexOf(testcookie) == -1) {
top.location = 'html/zh-CN/nocookies.html';
return false;
}
document.cookie = testcookie + ';expires=' + new Date(0).toGMTString();
var agt = navigator.userAgent.toLowerCase();
if (agt.indexOf('msie')!= -1 && document.all &&agt.indexOf('opera') == -1 && agt.indexOf('mac') == -1) {
eval("var control = (agt.indexOf('msie 5') != -1) ? 'Microsoft.XMLHTTP' : 'Msxml2.XMLHTTP';try {new ActiveXObject(control);} catch (e) {top.location = 'html/zh-CN/noactivex.html';}");
}
return true;
}
function lj() {
js.location.replace('?view=page&name=js&ver=d6079057e81abd3c');
}
if (wfs()) {
document.write("<frameset onload=lj() rows=\"100%,*\" border=0><frame name=main src=html/zh-CN/loading.html frameborder=0 noresize scrolling=no><frame name=js src=html/zh-CN/loading.html frameborder=0 noresize></frameset>");}
//-->
</script>
</html>

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

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

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

整整1500多行的javascript代码！

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

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

functionvb(){vara=null;if(r){varb=fG?"Microsoft.XMLHTTP":"Msxml2.XMLHTTP";try{a=newActiveXObject(b)}catch(c){q(c);alert("您需要启用活动脚本功能和activeX控件。")}}else{a=newXMLHttpRequest();if(!a){;alert("此浏览器不支持XMLHttpRequest。")}}returna}
//emu注释构造XML控件并返回给调用者

functionot(a,b){;try{a.send(b)}catch(c){q(c);if(c.number==-2146697208){alert("请确保InternetExplorer的”语言”设置部分不是空白。")}}}
//emu注释执行发送数据操作a:XML控件b:要发送的数据

functionWf(a,b,c){Da(3);b=Ld(b);Hf(a,b,c)}
//emu注释a:XML控件b:访问的urlc:回调函数Da是验证参数长度的函数
//Ld是一个url转换加工的函数，主要处理url自带的CGI参数和翻页的页数等

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

functionnt(a,b,c,d){Da(4);a.onreadystatechange=d;a.open("POST",b,true);ot(a,c)}
//emu注释发送数据并请求资源a:XML控件b:访问的urlc:要发送的数据d:回调函数

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

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

今天先到这，下回再过来分析另一个完全不同的AJAX应用吧。大家周末愉快！

functionvb(){vara=null;if(r){varb=fG?"Microsoft.XMLHTTP":"Msxml2.XMLHTTP";try{a=newActiveXObject(b)}catch(c){q(c);alert("您需要启用活动脚本功能和activeX控件。")}}else{a=newXMLHttpRequest();if(!a){;alert("此浏览器不支持XMLHttpRequest。")}}returna}
//emu注释构造XML控件并返回给调用者

functionot(a,b){;try{a.send(b)}catch(c){q(c);if(c.number==-2146697208){alert("请确保InternetExplorer的”语言”设置部分不是空白。")}}}
//emu注释执行发送数据操作a:XML控件b:要发送的数据

functionWf(a,b,c){Da(3);b=Ld(b);Hf(a,b,c)}
//emu注释a:XML控件b:访问的urlc:回调函数Da是验证参数长度的函数
//Ld是一个url转换加工的函数，主要处理url自带的CGI参数和翻页的页数等

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

functionnt(a,b,c,d){Da(4);a.onreadystatechange=d;a.open("POST",b,true);ot(a,c)}
//emu注释发送数据并请求资源a:XML控件b:访问的urlc:要发送的数据d:回调函数

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

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

今天先到这，下回再过来分析另一个完全不同的AJAX应用吧。大家周末愉快！

整整1500多行的javascript代码！

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

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

functionvb(){vara=null;if(r){varb=fG?"Microsoft.XMLHTTP":"Msxml2.XMLHTTP";try{a=newActiveXObject(b)}catch(c){q(c);alert("您需要启用活动脚本功能和activeX控件。")}}else{a=newXMLHttpRequest();if(<span style=
分享到：
| 走向而立之年
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    AJAX案例研究之详细剖析Gmail应用

    Gmail作为AJAX技术的典范，其应用设计和实现策略值得深入研究。 首先，当我们登录Gmail时，会看到一个包含JavaScript的HTML页面。页面中的JavaScript代码负责创建和管理AJAX请求。例如，`vb()`函数用于在不同浏览器...

    Ajax案例（JSP）

    在这个“Ajax案例（JSP）”中，我们将探讨如何在JSP应用中使用Ajax技术。 首先，了解Ajax的核心概念： 1. **异步通信**：Ajax允许浏览器在不阻塞用户操作的情况下向服务器发送请求，这使得页面在后台与服务器进行...

    Ajax经典案例开发大全源文件

    Ajax经典案例开发大全源文件Ajax经典案例开发大全源文件Ajax经典案例开发大全源文件Ajax经典案例开发大全源文件Ajax经典案例开发大全源文件Ajax经典案例开发大全源文件Ajax经典案例开发大全源文件Ajax经典案例开发...

    ajax图书管理案例

    【Ajax图书管理案例详解】 Ajax（Asynchronous JavaScript and XML）技术是现代Web开发中的一个重要工具，它使得网页可以在不刷新整个页面的情况下与服务器进行数据交互，提升了用户体验。在这个"ajax图书管理案例...

    ASP.NET Ajax 案例

    在"ASP.NET AJAX案例"中，我们可以深入学习如何在实际项目中运用这项技术。这通常包括以下几个方面： 1. **UpdatePanel组件**：这是ASP.NET AJAX中最常见的控件，用于实现页面的部分刷新。通过将控件放入...

    prototype-AJAX案例

    本案例将重点探讨如何利用Prototype框架来实现AJAX的功能。 AJAX，即Asynchronous JavaScript and XML，是一种创建动态网页的技术，允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。...

    AJAX案例.xls

    AJAX案例基础学习：AJAX案例.xls

    ajax经典案例开发大全有几个案例

    动态加载数据是Ajax的核心功能之一，特别是在处理大量数据时。例如，滚动页面到底部时自动加载更多内容，这种“无限滚动”效果可以让用户无感知地浏览更多信息，同时减轻了服务器的负载。 ### 6. 自动定时业务 ...

    Ajax案例开发.rar

    在"Ajax案例开发.rar"这个压缩包中，很显然包含了一些关于Ajax应用的实例，这些案例可以帮助我们深入理解Ajax的工作原理和实际应用。 首先，我们需要理解Ajax的核心概念。它主要由以下几个关键组件组成： 1. **...

    aspx实现ajax案例

    2. UpdatePanel控件：UpdatePanel是ASP.NET AJAX中最常用的控件之一，它允许指定的HTML区域在后台异步更新，从而实现页面的无刷新更新。在UpdatePanel内添加需要异步处理的控件，如按钮、文本框等。 3. C#服务器端...

    Ajax经典案例开发大全

    本书是“网站开发非常之旅”丛书之一，该书用40多个实例覆盖Ajax技术应用的典型场景，用完整的流程图表示函数的调用关系，并指明了实例可扩展或可改进的地方。书中的实例相对独立，可从任何一个开始阅读；该书还讲解...

    AJAX案例 链接数据库

    本文将深入探讨如何利用AJAX技术进行数据库操作，包括增加、删除、修改和查询（CRUD操作），并通过一个具体案例来阐述这一过程。 ### AJAX与数据库交互的基本原理 AJAX的核心在于XMLHttpRequest对象，它提供了一种...

    Ajax 经典案例开发大全

    在本“Ajax经典案例开发大全”中，我们将深入探讨Ajax的各种应用场景和开发技巧。 一、Ajax基础 1. XMLHttpRequest对象：Ajax的核心是XMLHttpRequest对象，它允许JavaScript在后台与服务器交换数据并更新部分网页...

    Ajax经典案例开发大全.

    Ajax in action是Ajax 非常好的书啊

    ajax （部分案例使用jquery）实例集锦

    总结，这个"ajax （部分案例使用jquery）实例集锦"提供了丰富的Ajax和jQuery结合的实践应用，帮助开发者深入理解这两者如何协同工作，提高网页的动态性和交互性。通过学习这些实例，你可以更好地掌握Ajax技术，并...

    Ajax案例详解Ajax案例详解

    **Ajax技术概述** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。这种技术结合了JavaScript、XML、DOM、CSS和 XMLHttpRequest对象等多种Web技术，实现了网页...

    PHP-AJAX实现案例

    在这个"PHP-AJAX实现案例"中，我们将深入探讨如何结合使用这两种技术来创建智能搜索功能。 PHP是一种服务器端的脚本语言，广泛用于网页开发，能够生成动态内容。它与HTML、CSS和JavaScript等前端技术紧密结合，为...

    基于ajax的应用案例

    以下是几个基于Ajax在WEBGIS中的应用案例： 1. **实时地图更新**：利用Ajax，用户可以在不刷新整个页面的情况下获取最新的地图信息，例如天气变化、交通状况等动态数据。 2. **地图缩放与平移**：Ajax可以实现无...

Magicbox
Global site tag (gtag.js) - Google Analytics