Ajax - odpowiedź serwera

Silnik Ajax ma wiele wymiarów, z których każdy ma swoje własne znaczenie. Po zakończeniu silnika Ajax wysłanie żądania i odbieranie odpowiedzi, a następnie można go obsługiwać za pomocą dostarczonych właściwości. Możesz użyć „Odpowiedź" Lub "responsexml„Właściwości AJAX, aby uzyskać odpowiedź serwera w formie String i XML.

Ten zapis wyjaśni procedurę obsługi reakcji serwera Ajax za pomocą właściwości RespontexT i Responsexml. A więc zacznijmy!

AJAX - Właściwość ResponseText Server Respontext

W związku z żądaniem asynchronicznym wartość „Odpowiedź„Własność obejmuje bieżącą odpowiedź otrzymaną z serwera, nawet jeśli nie odpowiedziała całkowicie. Ta właściwość zwraca odpowiedź serwera jako ciąg.

Spójrz na składnię właściwości ResponseText:

dokument.getElementById („element_id”).innerHtml = xhttp.Respontext;

Tutaj "Odpowiedź„Właściwość zwróci odpowiedź serwera w formularzu ciągu, którą następnie zostaniemy ustawione jako zawartość określonego elementu.

Przykład: Korzystanie z właściwości AJAX - Server RespontexText
W tym przykładzie, gdy użytkownik kliknie dodane „przycisk”, Ustawia odpowiedź serwera jako zawartość kontenera zdefiniowanego przez znacznik:

Obiekt XMLHTTPREQUEST

Zmień treść

W definicji funkcji LoadDoc (), po pierwsze, dodamy „xhttp„Obiekt xmlhttprequest:

Funkcja loadDoc ()
const xhttp = new xmlhttprequest ();

Kiedy xhttp Obiekt zostanie załadowany, wypisze dane odpowiedzi w kontenerze:

xhttp.onload = function ()
dokument.getElementById („div1”).InnerHtml =
Ten.Respontext;

„„xhttp„Obiekt xmlhttprequest otrzyma„ próbkę.plik txt ”z serwera, który zawiera dane odpowiedzi:

xhttp.Otwórz („Get”, „Próbka.tekst");
xhttp.wysłać();

Po zapisaniu dostarczonego kodu, uruchomimy nasz „mój plik.html”Z pomocą„Serwer na żywo„Vs Kod rozszerzenia:

Kliknięcie „Zmień treść”Przycisk wyświetli odpowiedź serwera w następujący sposób:

AJAX - SERWER Responsexml Propert

W przypadku, gdy odpowiedź serwera znajduje się w formacie XML i musisz go przeanalizować jako obiekt XML, możesz użyć „responsexml" nieruchomość.

Sprawdź składnię „responsexml" nieruchomość:

var data = xmlhttprequest.responsexml;

Tutaj "dane„Obiekt będzie przechowywał odpowiedź serwera.

Przykład: Korzystanie z właściwości AJAX - Server Responsexml
W naszym pliku HTML dodamy nagłówek za pomocą

tag i element akapitu za pomocą „

Obiekt XMLHTTPREQUEST

Następnie dodamy kod poniżej podanego poniżej „ProjectFile.JS”Za żądanie„płyta CD.XML" plik.

const xhttp = new xmlhttprequest ();
xhttp.onload = function ()
const xmldoc = to.responsexml;

Nasz "płyta CD.XML„Plik wygląda tak:

Po odzyskaniu żądanych danych, wykorzystując „responsexml„Właściwość, odpowiedź serwera zostanie przeanalizowana, a jego wartości węzłów dziecięcych zostaną pobrane za pomocą kodu napisanego poniżej:

const x = xmldoc.getElementsBaTagname („artysta”);
niech txt = "";
dla (niech i = 0; i < x.length; i++)
txt = txt + x [i].Childnodes [0].Nodevalue + "
";

Na koniec przeanalizowane dane będą wyświetlane jako treść „ustęp" element:

dokument.getElementById („demo”).innerHtml = txt;

xhttp.Otwórz („Get”, „CD.xml ");
xhttp.wysłać();

Powyższe dane wyjściowe oznacza, że ​​pomyślnie odzyskaliśmy odpowiedź serwera za pomocą „responsexml" nieruchomość.

Wniosek

Korzystając z właściwości ResponseText i ResponsexML, możesz obsłużyć odpowiedź na żądanie serwera Ajax. Właściwość ResponsexML pobiera odpowiedź serwera w XML, podczas gdy reakcja jest wykorzystywana do uzyskania odpowiedzi serwera w formacie ciągów. W tym zapisie wyjaśniono procedurę obsługi odpowiedzi serwera Ajax za pomocą właściwości RespontexT i Responsexml.