Funkcje jQuery AJAX
jQuery ma bogaty zestaw funkcji (metod) do rozwoju AJAX.
Przykład jQuery AJAX
Kliknij poniższy przycisk, aby zmienić ten tekst za pomocą AJAX
Powyższy przykład pochodzi z naszego O użyciu, ale został zmodyfikowany za pomocą jQuery.
Co to jest AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX to technologia do tworzenia szybkich, dynamicznych stron internetowych.
AJAX pozwala na asynchroniczne aktualizacje strony internetowej poprzez wymianę małych ilości danych w tle z serwerem. Oznacza to, że można aktualizować część strony bez ponownego ładowania całej strony.
Możesz odwiedzić nasz O użyciu naucz się więcej o AJAX.
AJAX i jQuery
jQuery oferuje bogaty zestaw funkcji (metod) do rozwoju AJAX.
Przez jQuery AJAX, możesz używać HTTP Get i HTTP Post, aby żądać TXT, HTML, XML lub JSON z odległego serwera.
I możesz bezpośrednio załadować dane zdalne do wybranego elementu HTML na stronie!
Mniej kodu, więcej robót
Funkcja load jQuery jest prostą (ale bardzo potężną) funkcją AJAX. Jego składnia wygląda tak:
$(selector).load(url,data,callback)
Użyj selector do zdefiniowania zmieniającego się elementu HTML, używając url parametrydo określenia webowego adresu danych.
parametry. Potrzebujesz ich tylko, gdy chcesz wysłać dane do serwera. data parametry. Potrzebujesz ich tylko, gdy chcesz wywołać funkcję po zakończeniu działania. callback parametry.
Niski poziom AJAX
$.ajax(options) to składnia funkcji AJAX niskiego poziomu.
$.ajax oferuje więcej funkcji niż wyższego poziomu funkcje, ale jest trudniejszy w użyciu.
opcja Ustawienia parametrów to para name|value, która definiuje dane URL, hasło, typ danych, filtr, zestaw znaków, limit czasu oraz funkcję błędu.
Żądania jQuery AJAX
| Żądanie | Opis |
|---|---|
| $(selector).load(url,data,callback) | Ładowanie zdalnych danych do wybranego elementu |
| $.ajax(options) | Ładowanie zdalnych danych do obiektu XMLHttpRequest |
| $.get(url,data,callback,type) | Ładowanie zdalnych danych za pomocą HTTP GET |
| $.post(url,data,callback,type) | Ładowanie zdalnych danych za pomocą HTTP POST |
| $.getJSON(url,data,callback) | Ładowanie zdalnych danych JSON za pomocą HTTP GET |
| $.getScript(url,callback) | Ładowanie i wykonywanie zdalnych plików JavaScript |
(url) URL (adres) danych ładowanych
(data) Obiekt klucz/wartość danych wysyłanych do serwera
(callback) Funkcja wykonywana, gdy dane są ładowane
(type) Typ danych zwracanych (html, xml, json, jasonp, script, text)
(options) Wszystkie opcje klucz/wartość dla pełnej AJAX żądania
Podręcznik referencyjny
Dla więcej informacji na temat funkcji jQuery AJAX, odwiedź naszą Podręcznik jQuery AJAX.
