Ajax - obiekt XMLHTTPREQUEST | Wyjaśnione
Ten napis wyjaśni, co Ajax - obiekt xmlhttprequest to i jak możesz tworzyć i użyć obiektu XMLHTTPREQUEST w JavaScript. Ponadto zapewnimy również metody i właściwości AJAX - obiekt XMLHTTPREquest. A więc zacznijmy!
Co to jest obiekt xmlhttprequest
AJAX - obiekt XMLHTTPREQUEST to interfejs API, który jest wykorzystywany do pobierania danych z określonego serwera. Programowanie AJAX szeroko wykorzystuje XMLHTTPREquest. Może pobierać dowolne dane, w tym tekst, XML, JSON. W tle żądania obiektów XMLHTTPREquest dotyczące danych, a następnie aktualizuje stronę internetową bez konieczności ponownego załadowania strony. Aby utrzymać asynchroniczną komunikację między serwerem a klientem, potrzebny jest obiekt typu xmlhttprequest.
Jak utworzyć obiekt xmlhttprequest
Wbudowany obiekt XMLHTPREQUEST jest alvialble we wszystkich współczesnych przeglądarkach, takich jak Edge, Chrome, Firefox, Opera i Safari. Aby utworzyć obiekt xmlhttprequest, musisz postępować zgodnie z poniżej podaną składnią obiektu xmlhttprequest:
var variablename = new xmlhttprequest ();Przykład: Za pomocą AJAX - obiekt XMLHTTPREQUEST
W tym przykładzie postaramy się pobrać treść „Ajax_info.tekst" Plik z naszego serwera, a następnie zastąpimy na nią zawartość akapitu:
Ajax - obiekt XMLHTTPREQUEST | Wyjaśnione
Tutaj dodaliśmy akapit z tagiem i „Zmień akapit” przycisk, który wywołamy „LoadingDoc ()” Funkcja, kiedy klikniemy ten przycisk:
Zmienimy ten akapit.
Wykonaj powyższy program w swoim ulubionym edytorze kodu lub dowolnej piaskownicy kodowania online; Jednak w tym celu wykorzystamy JSBin:
Z danego wyjścia klikniemy „Zmień akapit” przycisk:
Kliknięcie określonego przycisku zastąpi bieżącą zawartość akapitu tekstem dodanym w „Ajax_info.tekst" Plik serwera:
Teraz rzućmy okiem na niektóre przydatne właściwości i metody obiektu xmlhttprequest.
Metody obiektu xmlhttprequest
| Metoda obiektu xmlhttprequest | Opis |
|---|---|
| anulować() | Obiekt XMLHTTPREQUEST "anulować()" Metoda jest wykorzystywana do anulowania aktywnego żądania. |
| getResponseheader () | Obiekt XMLHTTPREQUEST „GetResponseheader ()” Metoda Wydaj informacje związane z konkretnym nagłówkiem. |
| getAllResponseheader () | Obiekt XMLHTTPREQUEST „GetAllResponseheader ()” Metoda wyświetla pełne informacje nagłówka. |
| otwarty() | Obiekt XMLHTTPREQUEST "otwarty()" Metoda jest wykorzystywana do określenia żądania. Możemy przekazać nazwę użytkownika, hasło, adres URL pliku lub metody, które mogą być "DOSTAWAĆ" Lub "POST" W tej metodzie. |
| wysłać() | Obiekt XMLHTTPREQUEST "wysłać()" Metoda jest wykorzystywana do otrzymywania żądania. |
| sendRequestheader () | Obiekt XMLHTTPREQUEST „SendRequestheader ()” Metoda jest wykorzystywana do dodawania „Etykieta: wartość” para, którą musisz wysłać na serwer. |
Właściwości obiektu xmlhttprequest
| Właściwości obiektów xmlhttprequest | Opis |
|---|---|
| Odpowiedź | Obiekt XMLHTTPREQUEST „Respontext” właściwość jest wykorzystywana do wyświetlania danych odpowiedzi jako ciągu. |
| ReadyState | Obiekt XMLHTTPREQUEST „ReadyState” właściwość zachowuje status XMLHTTPREQUEST. |
| onReadyStatechange | Obiekt XMLHTTPREQUEST „OnReadyststateChange” właściwość jest wykorzystywana do definiowania funkcji do wywołania za każdym razem, gdy wartość „ReadyState” zmiany. |
| responsexml | Obiekt XMLHTTPREQUEST „Responsexml” Właściwość wyświetla dane odpowiedzi XML. |
| Statustext | Obiekt XMLHTTPREQUEST „Statustext” właściwość wyświetla tekst statusu, taki jak "OK" Lub "Nie znaleziono". |
Wniosek
AJAX - obiekt XMLHTTPREQUEST to interfejs API, który jest wykorzystywany do pobierania danych z określonego serwera. Programowanie AJAX szeroko wykorzystuje XMLHTTPREquest. Może pobierać dowolne dane, w tym tekst, XML, JSON. Ten zapis wyjaśnił, czym jest Ajax - obiekt XMLHTTPREQUEST i jak możesz tworzyć i używać obiektu XMLHTTPREQUEST w JavaScript. Ponadto dostarczyliśmy również metody i właściwości AJAX - obiekt xmlhttprequest.