Описание: Загружает и исполняет локальный файл JavaScript используя метод GET.
Аргументы
jQuery.getScript( url, [ success(данные, текстСтатус) ] )
Добавлена в версию: 1.0
url
Строка, содержащая URL, к которому направлен запрос.
success(данные, текстСтатус)
Функция, которая исполняется всякий раз после удачного завершения загрузки данных.
Это сокращенная функция Ajax, которая эквивалентна:
$.ajax({ url: url, dataType: 'script', success: success });
Функция обратного вызова передает возвращенный файл JavaScript. Обычно это бесполезно, так как скрипт уже будет работать в этой точке.
Сценарий выполняется в глобальном контексте, поэтому он может ссылаться на другие переменные и использовать функции jQuery. Включенные сценарии должны оказывать определенное воздействие на текущую страницу:
$('.result').html('<p>Lorem ipsum dolor sit amet.</p>');
Сценарий может быть включен и запущен с помощью ссылки на имя файла:
$.getScript('ajax/test.js', function() {
alert('Load was performed.');
});
Примеры
Пример 1
Происходит динамическая загрузка и настройка нового дополнения цветной анимации jQuery.Пример 1 - Полный код:
<!DOCTYPE html>
<html>
<head>
<style>.block {
background-color: blue;
width: 150px;
height: 70px;
margin: 10px;
}</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$.getScript("http://support.xhtml.co.il/view/trunk/plugins/color/jquery.color.js", function(){
$("#go").click(function(){
$(".block").animate( { backgroundColor: 'pink' }, 1000)
.animate( { backgroundColor: 'blue' }, 1000);
});
});
});
</script>
</head>
<body>
<button id="go">» Run</button>
<div class="block"></div>
</body>
</html>
Пример 2
Загружает JavaScript файл test.js и исполняет его.
$.getScript("test.js");
Пример 3
Загружает JavaScript файл test.js и исполняет его, показывая сообщение, когда выполнение окончено.
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
Была ли эта информация полезной?
