Tip #10 使用Google AJAX 库 API
2009-01-15 18:52
639 查看
什么是 AJAX 库 API?
google的解释:
AJAX 库 API 是一种内容分布网络,可加载最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 加载程序的
jQuery
jQuery UI
Prototype
script.aculo.us
MooTools
Dojo
用法:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// 第二个参数是ajax库的版本号
// 如果您指定部分版本号,也可以
// 如,1, 1.2目前(2009-1-16)都能加载到1.2.6
google.load("jquery", "1.2.6");
google.setOnLoadCallback(function() {
// ajax库加载完成,类似于$(document).ready()
// 您的代码……
});
</script>
或者:
这样做的好处是速度更快了,如果您有多个网站都用到了同一个ajax库,那么这个库第一次加载时会留在缓存里,之后不论哪个网站用这个ajax库都不用再向服务器请求了;
而且ajax库是存放在google的CDN上的,这要比一般的网站请求-响应的速度更快。
更多google ajax库的介绍请看这里。
google的解释:
AJAX 库 API 是一种内容分布网络,可加载最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 加载程序的
google.load()方法,您的应用程序能够迅速从全球任何位置访问不断增长的、最受欢迎的 JavaScript 开源库列表,包括:
jQuery
jQuery UI
Prototype
script.aculo.us
MooTools
Dojo
用法:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// 第二个参数是ajax库的版本号
// 如果您指定部分版本号,也可以
// 如,1, 1.2目前(2009-1-16)都能加载到1.2.6
google.load("jquery", "1.2.6");
google.setOnLoadCallback(function() {
// ajax库加载完成,类似于$(document).ready()
// 您的代码……
});
</script>
或者:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { // 跟原来一样 }); </script>
这样做的好处是速度更快了,如果您有多个网站都用到了同一个ajax库,那么这个库第一次加载时会留在缓存里,之后不论哪个网站用这个ajax库都不用再向服务器请求了;
而且ajax库是存放在google的CDN上的,这要比一般的网站请求-响应的速度更快。
更多google ajax库的介绍请看这里。
相关文章推荐
- Tip #10 使用Google AJAX 库 API
- 掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
- Google Ajax Library API使用方法(JQuery)
- 掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
- Google AJAX Libraries API基础与使用指南
- 掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
- 掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
- 掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
- Google Ajax Search API的基本使用方法
- 使用 Google AJAX API
- 掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
- 掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
- 使用Google Ajax Search API
- 掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
- Google Ajax Search API的使用
- 第 9 部分: 使用 Google Ajax Search API
- 第 9 部分: 使用 Google Ajax Search API
- 叫你如何使用 Google Ajax Search API
- ajax学习系列之九: 使用 Google Ajax Search API
- Ajax学习摘录之第九部分 使用 Google Ajax Search API