jQuery.getScript

« Обратно к странице функций Ajax

[редактировать]

jQuery.getScript( url, [вызов] )

Загружает и исполняет локальный файл JavaScript используя метод GET.
Начиная с  jQuery версии 1.2 Вы можете загружать и выполнять JavaScript файлы с любого домена.
Предупреждение: Safari 2 и более ранние версии не могут исполнять скрипты синхронно. Если Вы загружаете скрипт посредством getScript, то запускайте его после некоторой задержки.
Аргументы:

url Строка
Ссылка на документ.
вызов (необязательно) Функция
Функция, которая исполняется всякий раз после удачного завершения загрузки данных.

function (data, textStatus) {
  // data should be javascript
  this; // the options for this ajax request
}
Примеры:

Происходит динамическая загрузка и настройка нового дополнения цветной анимации jQuery.

$.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){
  $("#go").click(function(){
    $(".block").animate( { backgroundColor: 'pink' }, 1000)
      .animate( { backgroundColor: 'blue' }, 1000);
  });
});
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){
    $.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){
  $("#go").click(function(){
    $(".block").animate( { backgroundColor: 'pink' }, 1000)
      .animate( { backgroundColor: 'blue' }, 1000);
  });
});
  });
  </script>

  <style>.block {
   background-color: blue;
   width: 150px;
   height: 70px;
   margin: 10px;
}</style>
</head>
<body>
  <button id="go">» Run</button>
<div class="block"></div>

</body>
</html>
Загружает JavaScript файл test.js и исполняет его.

$.getScript("test.js");
Загружает JavaScript файл test.js и исполняет его, показывая сообщение, когда выполнение окончено.
$.getScript("test.js", function(){
  alert("Script loaded and executed.");
});
Name Type