jQuery AJAX load() metoden

jQuery load() metoden

jQuery load() metoden er en simpel men kraftfuld AJAX-metode.

load() metoden henter data fra serveren og indsætter de tilbagevendende data i det valgte element.

语法：

$("}}selector).load(URL,data,callback);

Obligatorisk URL Parametrene bestemmer den URL, du ønsker at indlæse.

Valgfri data Parametrene bestemmer den nøgle/værdi-sætning, der sendes sammen med anmodningen.

Valgfri callback Parametrene er navnet på den funktion, der udføres efter at load() metoden er fuldført.

Indholdet af dette eksempelfil ("demo_test.txt") er:

<h2>jQuery og AJAX er SJOV!!!</h2>
<p id="p1">Dette er noget tekst i en paragraf.</p>

Følgende eksempel loader indholdet af filen "demo_test.txt" til det angivne <div>-element:

Eksempel

$("#div1").load("demo_test.txt");

Prøv det selv

Du kan også tilføje jQuery-selectoren til URL-parametrene.

Følgende eksempel loader indholdet af elementet med id="p1" i filen "demo_test.txt" til det angivne <div>-element:

Eksempel

$("#div1").load("demo_test.txt #p1");

Prøv det selv

Valgfri callback parameter bestemmer den funktion, der skal udføres efter at load() metoden er fuldført. Callback-funktionen kan have forskellige parametre:

  • responseTxt - Indeholder resultatindholdet ved succes
  • statusTXT - Indeholder den tilkaldte status
  • xhr - Indeholder XMLHttpRequest objekt

Følgende eksempel viser en meddelelsesboks efter at load() metoden er fuldført. Hvis load() metoden er succesfuld, vises "Ekstern indhold er blevet indlæst succesfuldt!", mens en fejlmeddelelse vises ved fejl.

Eksempel

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("Ekstern indhold er blevet indlæst succesfuldt!");
    if(statusTxt=="error")
      alert("Fejl: "+xhr.status+": "+xhr.statusText);
  });
});

Prøv det selv

jQuery AJAX Referencemanual

Hvis du ønsker fuld reference til AJAX-metoder, besøg venligst vores jQuery AJAX Referencemanual。