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 - ＆gt; Firebug - ＆gt;控制台面板。在右侧展开控制台输入提示

运行此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 Dev Guide Auto-Loading section上的说明操作，并将HTML代码段添加到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>

请务必在自动加载网址的末尾添加API密钥。

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

3 个答案: