Загрузка Javascript после ajaxComplete

Question

Я пытаюсь добавить таблицу Google с помощью AJAX, но в Firebug я получаю:

ReferenceError: google is not defined 

на основе AJAX, что я посылаю выглядит так:

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawVisualization); 

    etc etc... 

</script> 

Я m, предполагая, что первый скрипт не загружается. Как я могу это исправить? Я пробовал загружать после ajaxComplete, но я не могу заставить его работать.

Answer 1

Если вы хотите подождать до загрузки вашей библиотеки, вы можете периодически проверять, загружена ли она, и когда вы ее обнаружите, вы можете выполнить свой код. Я основываю свое решение на этом answer.

Добавить функцию Javascript для проверки:

function whenAvailable(name, callback) { 
    var interval = 10; // ms 
    window.setTimeout(function() { 
     if (window[name]) { 
      callback(window[name]); 
     } else { 
      window.setTimeout(arguments.callee, interval); 
     } 
    }, interval); 
} 

А затем добавить код, который проверяет, если вы ваш Google загружен и запустить код с внутренней стороны, когда он загружает

whenAvailable("google", function(t) { 
    google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawVisualization); 

    etc etc... 
}); 

Вы можете настройте свой интервал. Это полезная модель.