Google AJAX Libraries API

最新推荐文章于 2019-06-11 15:49:49 发布

最新推荐文章于 2019-06-11 15:49:49 发布 · 142 阅读

文章标签：

#Google #Ajax #jQuery #Mootools #Dojo #ViewUI

Js 专栏收录该内容

22 篇文章

订阅专栏

当在线项目使用js的时候,我们通常把js库打包到服务器上发布,我常遇到一些问题:项目的文档结构迁移的时候重构非常的麻烦.
引用的js库各家都一样,无形中浪费了带宽,Google的 jsapi就是集中管理这些js库用的.

这个是[url=http://code.google.com/apis/ajaxlibs/]官网[/url],上面的说明很清楚了,我这里罗嗦一下

它支持的js库包括
[list]
[*] jQuery
[*] jQuery UI
[*] Prototype
[*] script.aculo.us
[*] MooTools
[*] Dojo
[*] SWFObject
[*] Yahoo! User Interface Library (YUI)
[/list]

使用这个API首先需要引入Google的js库,在<head>里头加上


<script src="http://www.google.com/jsapi"></script>

ok,它主要有2个函数,分别是加载js库的 load(js库名,版本) 和类似onload的函数(在加载完js库后触发)

直接抓一个例子过来,加载jQuery 1.3.2

[quote]


<script src="http://www.google.com/jsapi"></script>
<script>
  // Load jQuery
  google.load("jquery", "1.3.2");

  // on page load complete, fire off a jQuery json-p query
  // against Google web search
  google.setOnLoadCallback(function() {
    $.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&v=1.0&callback=?",

      // on search completion, process the results
      function (data) {
        if (data.responseData.results &&
            data.responseData.results.length > 0) {
          var results = data.responseData.results;

          for (var i=0; i < results.length; i++) {
            // Display each result however you wish
            alert(results[i].titleNoFormatting);
          }    
        }

      });
    });
</script>