jQuery AJAX load() 方法

jQuery load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法：

$}}väljare).load(URL,data,callback);

Obligatorisk URL Parametern specificerar den URL du vill ladda in.

Valfritt data Parametern specificerar en samling med nyckel/värde par som skickas tillsammans med förfrågan.

Valfritt callback Parametern är namnet på den funktion som körs efter att load() metoden har slutförts.

Detta är innehållet i exempel filen ("demo_test.txt"):

<h2>jQuery och AJAX är SJÄLVKLART kul!!!</h2>
<p id="p1">Detta är något text i en paragraf.</p>

Följande exempel laddar innehållet för filen "demo_test.txt" till det angivna <div>-elementet:

Exempel

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

Prova själv

Du kan också lägga till jQuery-väljare till URL-parametrarna.

Följande exempel laddar innehållet för elementet med id="p1" i filen "demo_test.txt" till det angivna <div>-elementet:

Exempel

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

Prova själv

Valfritt callback-argument specificerar den funktion som ska köras när load() metoden har slutförts. Callback-funktionen kan ha olika argument:

  • responseTxt - Innehåller resultatet vid framgång
  • statusTXT - Innehåller anropets status
  • xhr - Innehåller XMLHttpRequest-objekt

Följande exempel visar ett meddelande efter att load() metoden har slutförts. Om load() metoden har lyckats visas "Externa innehållet laddades framgångsrikt!", medan ett felmeddelande visas om det uppstår ett fel:

Exempel

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("Externa innehållet laddades framgångsrikt!");
    if(statusTxt=="error")
      alert("Fel: "+xhr.status+": "+xhr.statusText);
  });
});

Prova själv

jQuery AJAX Referenshandbok

För en fullständig referens till AJAX-metoder, besök vår jQuery AJAX Referenshandbok。