在ajax中動態加載js文件

我想在點擊按鈕時動態地在ajax中包含js文件。我基本上想要做的是，我想要點擊一個按鈕時加載地圖。對於我已經使用了兩個文件：在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>

現在我想的是，當用戶點擊一個按鈕，然後這兩個文件得到加載和地圖地沒有讓網頁顯示刷新。

此外，當用戶點擊按鈕，這兩個腳本已被加載，然後再次點擊它不會使腳本再次加載。

任何有關此事的幫助將不勝感激。

Thnx爲您的答覆。無論如何，我試圖使用$腳本和 RequireJs，但地圖無法加載。

這裏是我的代碼，我已經wriiten：

<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時重複同樣的錯誤。你能否說我在哪裏做錯了。

在此先感謝。

來源

2012-04-21 MasterMinds

你應該看看一些腳本/模塊加載器，而不是像$cript和RequireJS。基本上，他們做同樣的事情，等等。

來源

2012-04-21 09:44:29 Joseph

在ajax中動態加載js文件

回答

相關問題