jQuery AJAX load() method

jQuery load() method

The jQuery load() method is a simple but powerful AJAX method.

The load() method loads data from the server and puts the returned data into the selected element.

Grammar:

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

Välttämätön URL Parametri määrittää URL-osoitteen, jonka haluat ladata.

Valinnainen data Parametri määrittää kyselymerkkijonon avain-arvoparit, jotka lähetetään pyynnön mukana.

Valinnainen callback Parametri on load() -menetelmän valmistuttua suoritettava funktio

Tämä on esimerkkitiedoston ("demo_test.txt") sisältö:

<h2>jQuery ja AJAX on NEROVA!!!</h2>
<p id="p1">Tämä on jokin teksti kappaleessa.</p>

Seuraava esimerkki ladataan tiedoston "demo_test.txt" sisällön tiettyyn <div>-elementtiin:

Esimerkki

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

Kokeile itse

Voit myös lisätä jQuery-valitsimen URL-parametreihin.

Seuraava esimerkki ladataan id="p1" elementin sisällön "demo_test.txt" tiedostosta tiettyyn <div>-elementtiin:

Esimerkki

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

Kokeile itse

Valinnainen callback-parametri määrittää, mikä takaisin kutsu sallitaan load() -menetelmän valmistuttua. Takaisin kutsu voi asettaa erilaisia parametreja:

  • responseTxt - sisältää kutsun onnistuessa palautetun sisällön
  • statusTXT - sisältää kutsun tilan
  • xhr - sisältää XMLHttpRequest-objektin

Seuraava esimerkki näyttää ilmoituksen, kun load() -menetelmä on valmis. Jos load() -menetelmä on onnistunut, näytetään "Ulkoinen sisältö ladataan onnistuneesti!", ja jos se epäonnistuu, näytetään virheilmoitus:

Esimerkki

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("Ulkoinen sisältö ladataan onnistuneesti!");
    if(statusTxt=="error")
      alert("Virhe: "+xhr.status+": "+xhr.statusText);
  });
});

Kokeile itse

jQuery AJAX viittomerkki

Jos tarvitset täydellisen AJAX-metodiin viittomerkkiä, vierailkaapa jQuery AJAX viittomerkki。