Metoda get() jQuery AJAX

Podręcznik referencyjny jQuery Ajax

Przykład

Zmiana tekstu elementu div za pomocą żądania GET AJAX:

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

Spróbuj sam

Definicja i użycie

Metoda get() ładuje informacje za pomocą zdalnego żądania HTTP GET.

To jest prosty funkcja GET żądania, która zastępuje złożony $.ajax. Funkcja wywoływana jest w przypadku sukcesu. Jeśli chcesz wykonać funkcję w przypadku błędu, użyj $.ajax.

gramatyka

$(selector).get();url,data,success(response,status,xhr),dataType)
Parametry Opis
url Wymagane. Określa URL, do którego wysyłane jest żądanie.
data Opcjonalnie. Określa dane wysyłane do serwera wraz z żądaniem.
success(response,status,xhr)

Opcjonalnie. Określa funkcję uruchamianą w przypadku powodzenia żądania.

Dodatkowe parametry:

  • response - zawiera wyniki z żądania
  • status - zawiera stan żądania
  • xhr - zawiera obiekt XMLHttpRequest
dataType

Opcjonalnie. Określa przewidywany typ danych odpowiedzi serwera.

Domyślnie, jQuery automatycznie rozpoznaje.

Możliwe typy:

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

Szczegółowe wyjaśnienie

Funkcja ta jest skróconą wersją funkcji Ajax, równoważną:

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

W zależności od różnego typu MIME odpowiedzi, dane zwrócone do funkcji zwrotnej success różnią się, mogą to być element root XML, ciąg znaków, plik JavaScript lub obiekt JSON. Można również przekazać tekst stanu odpowiedzi do funkcji zwrotnej success.

Dla jQuery 1.4 można również przekazać obiekt XMLHttpRequest do funkcji zwrotnej success.

Przykład

żądanie strony test.php, zignoruj wartość zwróconą:

$.get("test.php");

Więcej przykładów

Przykład 1

żądanie strony test.php, przekaż 2 parametry, zignoruj wartość zwróconą:

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

Przykład 2

wyświetl wartość zwróconą przez test.php (HTML lub XML, w zależności od wartości zwróconej):

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
);

Przykład 3

wyświetl wartość zwróconą przez test.cgi (HTML lub XML, w zależności od wartości zwróconej), dodaj zestaw parametrów żądania:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  );

Podręcznik referencyjny jQuery Ajax