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

jQuery AJAX

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

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).

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

<!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 и выполняет его. Запрос имеет следующие параметры:


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

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