jQuery – metoda AJAX load() .
Metoda jQuery load().
Metoda jQuery load()
je jednoduchá, ale výkonná metoda AJAX.
Metoda load()
načte data ze serveru a vloží vrácená data do vybraného prvku.
Syntax:
$(selector).load(URL,data,callback);
Povinný parametr adresy URL určuje adresu URL, kterou chcete načíst.
Volitelný parametr data určuje sadu párů klíč/hodnota řetězce dotazu, které se mají odeslat spolu s požadavkem.
Volitelný parametr zpětného volání je název funkce, která se má provést po dokončení load()
metody.
Zde je obsah našeho vzorového souboru: "demo_test.txt":
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
Následující příklad načte obsah souboru "demo_test.txt" do konkrétního <div>
prvku:
Příklad
$("#div1").load("demo_test.txt");
K parametru URL je také možné přidat selektor jQuery.
Následující příklad načte obsah prvku s id="p1", uvnitř souboru "demo_test.txt", do konkrétního <div>
prvku:
Příklad
$("#div1").load("demo_test.txt #p1");
Volitelný parametr zpětného volání určuje funkci zpětného volání, která se spustí po dokončení
load()
metody. Funkce zpětného volání může mít různé parametry:
responseTxt
- obsahuje výsledný obsah, pokud je volání úspěšnéstatusTxt
- obsahuje stav hovoruxhr
- obsahuje objekt XMLHttpRequest
Následující příklad zobrazí po dokončení metody load() výstražné pole. Pokud byla load()
metoda úspěšná, zobrazí se „Externí obsah úspěšně načten!“, a pokud selže, zobrazí se chybová zpráva:
Příklad
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
});
Reference jQuery AJAX
Úplný přehled všech metod jQuery AJAX naleznete v naší referenční příručce jQuery AJAX .