Najlepszy samouczek AJAX - wysłanie żądania do serwera W 2024 r. W tym samouczku możesz dowiedzieć się Wysyła żądanie do serwera,GET lub POST?,żądania GET,Przykłady,Przykłady,Przykłady,żądanie POST,Przykłady,Przykłady,URL - pliki na serwerze,Asynchroniczne - Prawda czy fałsz?,Async = true,Przykłady,Asynchroniczny = false,Przykłady,
Obiekt XMLHttpRequest do wymiany danych z serwerem.
Aby wysłać żądanie do serwera, używamy otworzyć obiekt XMLHttpRequest jest () i send () Metoda:
sposób | opis |
---|---|
open(metoda, url, asynchroniczny) | Rodzaj wniosku, określa adres URL i czy asynchroniczne przetwarzanie żądań.
|
send(string) | Wysyła żądanie do serwera.
|
W porównaniu z POST, GET łatwiej i szybciej, a w większości przypadków mogą być użyte.
Jednak w następujących przypadkach, należy użyć żądania POST:
Proste żądanie GET:
W powyższym przykładzie, można uzyskać buforowane wyniki.
Aby tego uniknąć, należy dodać unikatowy identyfikator do adresu URL:
Jeśli chcesz wysłać informacje za pomocą metody GET, dodaj informację do adresu URL:
Prosty żądanie POST:
Jeśli trzeba, że dane jako HTML Formularz POST, należy setRequestHeader (), aby dodać nagłówki HTTP. Następnie określ, że chcesz wysłać dane w send () metodę:
方法 | 描述 |
---|---|
setRequestHeader(header,value) |
向请求添加 HTTP 头。
|
urlargumentem open () metoda jest adres serwera plików:
Plik może być dowolnego typu pliku, na przykład .txt i .xml lub skryptów serwerowych, takich jak .asp i .php (przed powrotem odpowiedź, do wykonywania zadań na serwerze).
AJAX oznacza Asynchronous JavaScript and XML (Asynchronous JavaScript and XML).
Jeśli chcesz korzystać z obiektu XMLHttpRequest AJAX, a następnie parametr asynchroniczny, którego open () metoda ta musi być ustawiona na wartość true:
Dla programistów, wysyłać żądanie asynchroniczne jest ogromnym krokiem naprzód. Na serwerze do wykonania wiele zadań są bardzo czasochłonne. Przed AJAX wystąpić, co może spowodować, że aplikacja do zawieszenia lub zatrzymania.
Dzięki AJAX, JavaScript, nie czekając na odpowiedź serwera, ale:
Podczas korzystania asynchronicznie = true, proszę przepisy w odpowiedzi na wydarzenia w onreadystatechange gotowość do wykonywania funkcji:
Dowiesz się więcej o zawartości onreadystatechange w późniejszym rozdziale.
Aby korzystać z async = false ustawić otwartą metodę () w trzeciej parametru na false:
xmlhttp.open("GET","test1.txt",false);
Nie zaleca się używanie asynchronicznych = false, ale z jakiegoś małego wniosek, jest również możliwe.
Pamiętaj, JavaScript będzie czekać, aż odpowiedź serwera jest gotowy, aby kontynuować. Jeśli serwer jest zajęty lub wolny, lub zatrzymać zawieszeń.
Uwaga: W przypadku korzystania z asynchronicznie = false, proszę nie pisać onreadystatechange funkcji - umieścić kod do send () z powrotem do stwierdzenia: