如何使用 Google 自动加载来加载 JQuery？

Question

如何使用 Google 自动加载功能自动加载 JQuery？

http://code.google.com/apis/ajax/documentation/autoloader-wizard.html

阅读documention，我认为下面的方法可行，但没有。

<script type="text/javascript" src="http://www.google.com/jsapi?autoload={"modules":[{name:"maps",version:3,{name:"maps",version:3,other_params:"sensor=false"},{"name":"jquery","version":"1.3.2"},{"name":"jqueryui","version":"1.7.2"}]}"></script>

但是，上面的代码不起作用，即使我将 URL 编码为：

<script type="text/javascript" src="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7Bname%3A%22maps%22%2Cversion%3A3%2C%7Bname%3A%22maps%22%2Cversion%3A3%2Cother_params%3A%22sensor%3Dfalse%22%7D%2C%7B%22name%22%3A%22jquery%22%2C%22version%22%3A%221.3.2%22%7D%2C%7B%22name%22%3A%22jqueryui%22%2C%22version%22%3A%221.7.2%22%7D%5D%7D"></script>

Answer 1

转到 Firefox -> Firebug -> 控制台面板。展开右侧的控制台输入提示

运行这段 javascript 代码：

'http://www.google.com/jsapi?autoload='+encodeURIComponent(JSON.stringify({
  "modules" : [
    {
      "name" : "jquery",
      "version" : "1.3.2"
    },
    {
      "name" : "jqueryui", 
      "version" : "1.7.2"
    }
  ]
}))

它将最终 URL 输出到控制台，如下所示：

http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22jquery%22%2C%22version%22%3A%221.3.2%22%7D%2C%7B%22name%22%3A%22jqueryui%22%2C%22version%22%3A%221.7.2%22%7D%5D%7D

您可以尝试此处记录的各种设置：http://code.google.com/apis/ajaxlibs/documentation

Answer 2

我找到了答案，是：

<script type="text/javascript" src="http://www.google.com/jsapi?autoload={"modules":[{name:"maps",version:3,other_params:"sensor=false"},{"name":"jquery","version":"1.3.2"},{"name":"jqueryui","version":"1.7.2"}]}"></script>

编码：

<script type="text/javascript" src="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7Bname%3A%22maps%22%2Cversion%3A3%2Cother_params%3A%22sensor%3Dfalse%22%7D%2C%7B%22name%22%3A%22jquery%22%2C%22version%22%3A%221.3.2%22%7D%2C%7B%22name%22%3A%22jqueryui%22%2C%22version%22%3A%221.7.2%22%7D%5D%7D"></script>

Answer 3

可以使用 google 的加载器加载多个 javascript 库。

按照 Google 开发指南 Auto-Loading section 中的说明，将 HTML sn-p 添加到您的 HTML 页面或演示页面中。

编辑：

对于您的示例，它应该是：

<script src="http://www.google.com/jsapi?autoload=%7B%22modules%22+%3A+%5B%7B%22name%22+%3A+%22jquery%22%2C%22version%22+%3A+%221%22%2C%7D%2C%7B%22name%22+%3A+%22jqueryui%22%2C%22version%22+%3A+%221%22%7D%5D%7D&key=YOUR_API_KEY_HERE"></script>

记得在自动加载 URL 的末尾添加您的 API 密钥。