Latest web development tutorials

Metoda obciążenia AJAX () - jQuery

Metoda load jQuery ()

Metoda load jQuery () jest prosta, ale skuteczna metoda AJAX.

Metoda load (), aby pobrać dane z serwera, a powrót danych do wybranego elementu.

Składnia:

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

niezbędne do określonego adresu URL, który chcesz załadowaćURLparametry.

Parametr ciąg kwerendy określa kluczowedaneopcjonalne wysłane wraz z parami wniosek / wartość.

Opcjonalny parametrcallbackto nazwa funkcji po metody load (), aby zakończyć działanie.

To jest przykład zawartości pliku ( "demo_test.txt") o: 

<h2>jQuery AJAX 是个非常棒的功能！</h2>
<p id="p1">这是段落的一些文本。</p>

Poniższy przykład pliku "demo_test.txt" zawartość jest załadowany do określonego element <div>:

Przykłady

$ ( "# Div1") obciążenie ( "demo_test.txt") .;

Spróbuj »

Można również dodać selektor jQuery do parametru URL.

Poniższy przykład zawartość id "demo_test.txt" file = "p1" element zostanie załadowany do określonego element <div>:

Przykłady

$ ( "# Div1") obciążenie ( "demo_test.txt # P1") .;

Spróbuj »

Opcjonalny parametr wywołania zwrotnego określa, kiedy metoda load () po zakończeniu, aby umożliwić funkcję zwrotną. Funkcja oddzwaniania można ustawić różne parametry:

  • responseTxt -zawiera wynik zawartości połączenia uda
  • statusTXT -zawiera status połączenia
  • XHR -zawiera obiekt XMLHttpRequest

Poniższy przykład po metody load (), aby zakończyć wyświetlanie okna dialogowego. Jeśli metoda load () okazała się sukcesem, to pokaże "treść zewnętrznych załadowany pomyślnie!", A jeśli to się nie powiedzie, zostanie wyświetlony komunikat o błędzie:

Przykłady

$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});

Spróbuj »