jQuery ajax - метод get()

Руководство по jQuery Ajax

Пример

Используйте GET запрос AJAX для изменения текста элемента div:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

Попробуйте сами

Определение и использование

Метод get() загружает информацию через удаленный HTTP GET запрос.

Это простая функция GET запроса, которая заменяет сложный $.ajax. При успешном выполнении можно вызывать обратную функцию. Если нужно выполнить функцию при ошибке, используйте $.ajax.

грамматика

$(selector).get()url,data,success(response,status,xhr),dataType)
Параметры Описание
url Обязателен. Определяет URL, на который отправляется запрос.
data Опционально. Определяет данные, передаваемые в запрос на сервер.
success(response,status,xhr)

Опционально. Определяет функцию, которая выполняется при успешном запросе.

Дополнительные параметры:

  • response - содержит данные результата запроса
  • status - содержит состояние запроса
  • xhr - содержит объект XMLHttpRequest
dataType

Опционально. Определяет ожидаемый тип данных серверного ответа.

По умолчанию, jQuery определяет их автоматически.

Возможные типы:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

Подробное описание

Эта функция является сокращенной функцией Ajax, эквивалентной:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

В зависимости от различных MIME-типов ответа, передаваемых в функцию успеха, возвращаемые данные также различаются, это могут быть корневые элементы XML, текстовые строки, файлы JavaScript или объекты JSON. Также можно передавать текстовый статус ответа.

Для jQuery 1.4 также можно передавать объект XMLHttpRequest в функцию успеха.

Пример

Запрос веб-страницы test.php, игнорирование возвращенного значения:

$.get("test.php");

Более примеров

Пример 1

Запрос веб-страницы test.php, передача 2 параметров, игнорирование возвращенного значения:

$.get("test.php", { name: "Bill", time: "2pm" } );

Пример 2

Отображение возвращенного значения test.php (HTML или XML, в зависимости от возвращенного значения):

$.get("test.php", function(data){
  alert("Загружены данные: " + data);
});

Пример 3

Отображение возвращенного значения test.cgi (HTML или XML, в зависимости от возвращенного значения), добавление набора параметров запроса:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Загружены данные: " + data);
  });

Руководство по jQuery Ajax