Подгрузка скриптов. Метод getScript

Используя метод getScript мы можем дополнительно подгрузить скрипты на страницу. Этот метод принимает следующие параметры:

• url: обязательный параметр, содержащий адрес скрипта, который будет подгружаться

• success(script, textStatus, jqXHR): необязательный параметр, представляющий функцию обратного вызова, которая будет выполняться при успешном выполнении запроса.

На выходе метод getScript возвращает объект jqXHR, связанный с текущем запросом.

Предположим на сервере у нас определен следующий простенький скрипт redStyle.js:

$('body').css('background-color', 'red');

Скрипт просто окрашивает страницу в красный цвет. Теперь на странице определим его подгрузку, например, по нажатию кнопки:

<button>Загрузить</button>
<script type="text/javascript">
$(function(){
	$('button').click(function(){
		$.getScript('redStyle.js');
	});
});
</script>

Теперь, после нажатия на кнопку, будет подгружаться и выполняться скрипт, который окрасит страницу в красный цвет.