ajax动态加载js文件答案

【问题标题】：Dynamically loading js file in ajaxajax动态加载js文件
【发布时间】：2012-04-21 09:42:25
【问题描述】：

单击按钮时，我想在 ajax 中动态包含一个 js 文件。我基本上想要做的是我想在单击按钮时加载地图。为此，我使用了两个文件：

<script type="text/javascript" src="http://maps.google.com/maps?..."></script>
<script type="text/javascript" src="jquery.gmap-1.1.0-min.js"></script>

现在我想要的是，当用户点击一个按钮时，这两个文件会被加载，并且地图会在页面不刷新的情况下显示。

此外，当用户单击按钮并加载了这两个脚本时，第二次单击它不会再次加载脚本。

我们将非常感谢您对此事的任何帮助。

感谢您的回复。无论如何，我尝试使用 $script 和 RequireJs 但地图无法加载。

这是我编写的代码：

<script type="text/javascript" src="../js/jquery-1.7.js"></script>
<script src="../js/script.js"></script>
<script>
function googlemaps()
{
  $script('"http://maps.google.com/maps?file=api&..', 'maps', function() 
  {
      $script('../js/jquery.gmap-1.1.0-min.js', 'jquery', function() {
      $("#map").gMap({address: "USA", markers: [{address: "USA"}]});
      });
  });
}
</script>

<input name="Butoon" type="button" value="Button" onclick="javascript: googlemaps();" />

<div id="map"></div>

我得到的错误是：“G_NORMAL_MAP 未定义”和 “GMap2 未定义”（出现错误是因为 jquery.gmap-1.1.0-min.js 之前加载 http://maps.google.com/maps?file=api&.. 加载）。同样的错误是在使用 RequireJs 时被重复。你能说我在哪里吗犯了错误。

提前致谢。

【问题讨论】：

标签： javascript ajax

【解决方案1】：

你应该看看一些脚本/模块加载器，比如$cript 和RequireJS。基本上，他们做同样的事情，甚至更多。

【讨论】：