Obiekt XMLHttpRequest _
Za pomocą obiektu XMLHttpRequest możesz aktualizować części strony internetowej bez ponownego ładowania całej strony.
Spróbuj sam - przykłady
Utwórz prosty XMLHttpRequest i pobierz dane z pliku TXT.
Pobierz informacje z nagłówka zasobu (pliku).
Pobierz określone informacje nagłówka zasobu (pliku).
Jak strona internetowa może komunikować się z serwerem sieciowym, gdy użytkownik wpisuje znaki w polu wejściowym.
Jak strona internetowa może pobierać informacje z bazy danych za pomocą obiektu XMLHttpRequest.
Utwórz XMLHttpRequest, aby pobrać dane z pliku XML i wyświetlić dane w tabeli HTML.
Obiekt XMLHttpRequest
Obiekt XMLHttpRequest służy do zakulisowej wymiany danych z serwerem.
Obiekt XMLHttpRequest to marzenie deweloperów , ponieważ możesz:
- Zaktualizuj stronę internetową bez ponownego ładowania strony
- Żądaj danych z serwera po załadowaniu strony
- Odbierz dane z serwera po załadowaniu strony
- Wysyłaj dane do serwera w tle
Metody obiektów XMLHttpRequest
| Method | Description |
|---|---|
| abort() | Cancels the current request |
| getAllResponseHeaders() | Returns header information |
| getResponseHeader() | Returns specific header information |
| open(method,url,async,uname,pswd) | Specifies the type of request, the URL, if the request should be handled asynchronously or not, and other optional attributes of a request
method: the type of request: GET or POST url: the location of the file on the server async: true (asynchronous) or false (synchronous) |
| send(string) | send(string) Sends the request off to the server. string: Only used for POST requests |
| setRequestHeader() | Adds a label/value pair to the header to be sent |
Właściwości obiektu XMLHttpRequest
| Property | Description |
|---|---|
| onreadystatechange | Stores a function (or the name of a function) to be called automatically each time the readyState property changes |
| readyState | Holds the status of the XMLHttpRequest. Changes from 0 to 4: 0: request not initialized 1: server connection established 2: request received 3: processing request 4: request finished and response is ready |
| responseText | Returns the response data as a string |
| responseXML | Returns the response data as XML data |
| status | Returns the status-number (e.g. "404" for "Not Found" or "200" for "OK") |
| statusText | Returns the status-text (e.g. "Not Found" or "OK") |