Ajax应用案例之土豆网

ajax

网易邮箱:http://mail.163.com 
Google Maps:http://maps.google.com 
Google Suggest:http://www.google.com/webhp?complete=1&hl=en 
土豆网:http://www.toodou.com  

其余将陆续添加。 

1、土豆网: 
在土豆网注册的时候,发现一输入用户昵称,其文本框末端有一图标快速闪过,其下方给出“该昵称已经被占用”的提示。恩,有点Ajax的影子。 
分析一下该页面(http://www.toodou.com/register/register.php),立刻找到了Ajax的相关代码。 
 <!-- Private Javascript --> 
 <script type="text/javascript" src="/script/register.js"></script> 
 <!-- Ajax Framework --> 
 <script src="/js/toodou.js" type="text/javascript"></script> 
 <script src="/js/zajax.js" type="text/javascript"></script> 
 <script src="/js/zz_util.js" type="text/javascript"></script> 
 <script src="/js/zz_string.js" type="text/javascript"></script> 
 <script src="/js/zz_register_func.js" type="text/javascript"></script> 

其中,zajax.js正是土豆所使用的Ajax Framework。该Framework更改自SAJAX,增加了调用的自由度,在服务端改善了中文调用。其版权说明信息如下: 
//ZAJAX v 0.10 
//由土豆网 Zarz 制作 (http://www.toodou.com/) 
//基于 sajax 0.10 (http://www.modernmethod.com/sajax/)  
//拆分了SAJAX的服务端和客户端的程序,增加了调用的自由度,在服务端改善了中文支持 
这里就不把代码贴出来了,有兴趣的自己可以download下来研究一下。

时间: 2024-12-26 10:58:29

Ajax应用案例之土豆网的相关文章

jQuery Address全站 AJAX 完整案例详解

本文详细介绍如何利用 jQuery 框架以及 jQuery Address 插件实现最基本的全站 AJAX 动态加载页面内容的功能的方法. 案例目标 以常见基本结构的网站为案例,实现全站链接 AJAX 加载页面内容,不刷新页面,不影响seo/seo.html" target="_blank">搜索引擎收录.同时兼容 WordPress. 功能实现 需要提供给 jQuery Address 的有三个常量,分别是:  代码如下 复制代码 var baseurl       

Ajax应用案例之MSN Space

ajax 我一直很推崇MSN Space的服务,对其相册服务和皮肤一直情有独钟.国内的播客,我首选MSN Space.也可能,MSN Space没有那么多炒作.  恩,言归正传.几天来研究一下MSN Space的Ajax应用.典型的,其应用主要体现在:网络日志的评论.固定链接.引用记录.自定义列表上面.了解Ajax之前,一直对其数据的获取方式很好奇.现在,大概略知一二了.如下图所示.  对于共享空间首页,"添加评论"."阅读评论"."固定链接".

项目中的一个JQuery ajax实现案例

/**  * brief 这些代码用于在线制图中 attention author <list of authors> <date> begin modify by  * null  */ /** 获取参数并拼接参数 */ var params = ""; /** 判断是否选择了要制作的图形产品 */ function judgeIfSelectedProduct() {  var b = false;  var length = $("#servic

Ajax $.getJSON案例详解_AJAX相关

复制代码 代码如下: <script type="text/javascript"> function pageIndexChanged() { var url = "/OrderList/Lists"; var where = ""; @*location.href = "@this.Url.Action("List")?pageindex=" + $("#pager").

IE关闭时判断及AJAX注销案例学习_javascript技巧

复制代码 代码如下: <script language="javascript"> window.onbeforeunload = function () { var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth - 20; if (b && window.event.clientY < 0 || win

Ajax $.getJSON案例详解

复制代码 代码如下: <script type="text/javascript"> function pageIndexChanged() { var url = "/OrderList/Lists"; var where = ""; @*location.href = "@this.Url.Action("List")?pageindex=" + $("#pager").

AJAX案例研究之Gmail

ajax 现在提起AJAX,大家都立刻会想起Gmail.gogle map这几个经典的AJAX应用.Gmail的优良表现我们都看过了,那么它的实现你研究过了吗?它怎么在几个不同的浏览器上可以一致的实现xml异步调用的呢?一起来看看吧. 首先,登录gmail以后我们会先进入这个页面: <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type&quo

JavaScript中浅讲ajax图文详解_javascript技巧

1.ajax入门案例 1.1 搭建Web环境 ajax对于各位来说,应该都不陌生,正因为ajax的产生,导致前台页面和服务器之间的数据传输变得非常容易,同时还可以实现页面的局部刷新.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 对于JavaWeb项目而言,ajax主要用于浏览器和服务器之间数据的传输. 如果是单单地堆砌知识点,会显得比较无聊,那么根据惯例,我先不继续介绍ajax,而是来写一个案例吧. 打开

《Web异步与实时交互——iframe AJAX WebSocket开发实战》—— 导读

前言 Web异步与实时交互--iframe AJAX WebSocket开发实战 本书思路及意义 异步交互.实时交互作为Web交互技术中的热点和难点,越来越多地被研究和使用. 在Web异步交互方面,AJAX作为当今非常热门和流行的异步传输技术,已被行业广泛采用.但在AJAX这种真正的异步传输技术出现之前,一般使用iframe模拟实现异步传输,目的是保证网页在不刷新的情况下进行数据传输更新网页内容,从而提高用户的体验.目前,iframe实现模拟异步传输这一技术,仍然经常被程序员使用. 而WebSo