如何使用Google autoload加载JQuery？

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

读了这篇文章，我原以为下面的内容会管用，但事实并非如此

<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>

---

可以使用google的loader加载许多javascript库

按照GoogleDevGuide上的说明，将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>

---

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

可以使用google的loader加载许多javascript库

按照GoogleDevGuide上的说明，将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>

---

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

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

运行以下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

---

您可以尝试这里介绍的各种设置：

转到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

---

您可以尝试此处记录的各种设置：

我找到了答案，答案是：

<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>

---

我找到了答案，答案是：

<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>

我已经更新了我原来的帖子。我正在使用GoogleMaps3（因此不需要api键）、JQuery（1.3.2）和JQueryUI（1.7.2）。但是，我原来帖子中的代码不起作用。知道为什么吗？我更新了我原来的帖子。我正在使用GoogleMaps3（因此不需要api键）、JQuery（1.3.2）和JQueryUI（1.7.2）。但是，我原来帖子中的代码不起作用。知道为什么吗？别忘了添加带传感器的谷歌地图v3=false@Darwin，您将在我更新的原始帖子中看到，我的代码非常相似，无法工作。有什么想法吗？当我把最终的url放到Firefox地址栏并加载那个脚本时，它看起来不错。最后两行是google.load（“jquery”，“1.3.2”，“{}）；和google.load（“jqueryui”，“1.7.2”，“{}）；所以我想你可能在其他地方有bug。官方文档只提到使用Google Maps API版本2和2.x（）@Darwin，Google Maps API v3是官方支持的。查看v3的自动加载示例。-->别忘了添加带传感器的谷歌地图v3=false@Darwin，您将在我更新的原始帖子中看到，我的代码非常相似，无法工作。有什么想法吗？当我把最终的url放到Firefox地址栏并加载那个脚本时，它看起来不错。最后两行是google.load（“jquery”，“1.3.2”，“{}）；和google.load（“jqueryui”，“1.7.2”，“{}）；所以我想你可能在其他地方有bug。官方文档只提到使用Google Maps API版本2和2.x（）@Darwin，Google Maps API v3是官方支持的。查看v3的自动加载示例。-->您对URL的编码太多，以至于它不再有效。只有

autoload=

之后的位需要进行URL编码。@Christopher，已修复，但仍然存在问题您的URL编码过多，以至于不再有效。只有

autoload=

之后的位需要URL编码。@Christopher，已修复，但仍有问题