jQuery функция $.getScript()

Определение и применение

jQuery функция $.getScript() позволяет загрузить JavaScript файл с сервера с помощью HTTP запроса методом GET, а затем выполнить его.

Обращаю Ваше внимание, что функция $.getScript() является сокращенной версией функции $.ajax() со следующими параметрами:

$.ajax({
  url: "url", // строка, содержащая URL адрес, на который отправляется запрос
  success: success, // функция обратного вызова, которая вызывается если AJAX запрос выполнится успешно
  dataType: "script" // тип данных, который вы ожидаете получить от сервера (расценивает ответ как JavaScript и возвращает его как обычный текст)	
});

jQuery синтаксис:

Синтаксис 1.0:

$.getScript( url, success );

url - String
success - Function( PlainObject data, String textStatus, jqXHR jqXHR )

Добавлен в версии jQuery

1.0

Значения параметров

Параметр	Описание
url	Строка, содержащая URL адрес, на который отправляется AJAX запрос. Обязательный параметр.
success	Функция обратного вызова, которая вызывается если AJAX запрос выполнится успешно. Необязательный параметр. Функция принимает следующие параметры: data - данные возвращенные с сервера. textStatus - строка описывающая статус запроса. jqXHR - объект jqXHR (до версии jQuery 1.4.x объект XMLHttpRequest).

Параметр

Описание

url

Строка, содержащая URL адрес, на который отправляется AJAX запрос. Обязательный параметр.

success

Функция обратного вызова, которая вызывается если AJAX запрос выполнится успешно. Необязательный параметр.
Функция принимает следующие параметры:

data - данные возвращенные с сервера.
textStatus - строка описывающая статус запроса.
jqXHR - объект jqXHR (до версии jQuery 1.4.x объект XMLHttpRequest).

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование функции $.getScript()</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$( document ).ready(function(){
	  $( "button" ).click(function(){ // задаем функцию при нажатиии на элемент <button>
	    $.getScript("ajax_script.js", function(){ // загружаем и выполняем скрипт
	      $ ( "p" ).css( "color", "red"); // изменяем цвет текста на красный
	    });
	  });
	});
		</script>
	</head>
	<body>
		<button>Клик</button>
		<p></p>
	</body>
</html>

В этом примере с использованием jQuery функции $.getScript() мы при нажатии на элемент <button> (кнопка) выполняем асинхронный AJAX запрос, который загружает скрипт JavaScript и выполняет его. Запрос имеет следующие параметры:

url - файл, к которому мы обращаемся ("ajax_script.js"), он содержит следующий JavaScript код:
```
$( "p" ).text( "Hello" ); // находим элемент <p> и добавляем текстовое содержимое
```
success - функция обратного вызова, которая с помощью метода .css() изменяет цвет текста у элемента <p>. Функция будет выполнена только в том случае, если AJAX запрос выполнится успешно, в нашем случае если будет загружен скрипт. Обратите внимание, что параметр success не является обязательным.

Результат нашего примера:

Пример использования jQuery функции $.getScript() (загрузка и выполнение скрипта). — Пример использования jQuery функции $.getScript()

jQuery AJAX