XMLHttpRequest (XHR) – obiekt języków skryptowych (np. JavaScript, JScript albo VBScript) przeglądarek internetowych umożliwiający wykonywanie żądań do serwera WWW za pomocą protokołu HTTP.

Aspektem charakterystyczną XMLHttpRequest jest możliwość wykonywania żądań już po załadowaniu się strony internetowej w trakcie interakcji z użytkownikiem. Otrzymane odpowiedzi serwera są wówczas wykorzystywane do modyfikacji załadowanego dokumentu. Możliwość asynchronicznego wykonywania żądań sprawia, że są one wykonywane w tle oraz nie przerywają interakcji użytkownika ze stroną, dynamicznie ją zmieniając. Treść odpowiedzi serwera najczęściej przekazywana jest w formatach XML, JSON albo czystym tekstem.

XMLHttpRequest stał się podstawą techniki projektowania stron AJAX. Przykłady aplikacji opartych o XHR to Google Gmail, Google Maps oraz Google Suggest oraz Windows Live Local.

Metody

Własności

Historia oraz wsparcie przeglądarek

XMLHttpRequest było pierwotnie zbudowane przez Microsoft jako cząstka usługi OWA (Outlook Web Access) 2000, w postaci obiektu ActiveX o nazwie XMLHTTP. Jego implementacja jest dostępna w Internet Explorerze poczynając od wersji 5.0^[2], poprzez JScript, VBScript oraz inne języki skryptowe obsługiwane przez IE.

Pierwsza natywna implementacja XMLHttpRequest była włączona przez Mozillę do Mozilla Application Suite 1.0 w 2002 roku. Ta implementacja była potem obsługiwana przez Apple w Safari 1.2, Konqueror, Opera Software od Opery 8.0 oraz iCab od wersji 3.0b352. Również sam Microsoft w przeglądarce Internet Explorer 7 dodał natywną obsługę.

Konsorcjum World Wide Web opublikowała szkic (Working Draft) specyfikacji obiektu XMLHttpRequest 5 kwietnia 2006 roku[1]. Prace nad nią ciągle trwają, jej celem jest udokumentowanie minimalnego zestawu wspólnych cech istniejących implementacji, co ułatwi wykonywanie kodu bez oddzielnych bloków tekstu dla wielorakich platform. Szkicowa specyfikacja bazuje na implementacjach popularnych przeglądarek, dla zapewnienia przenośności kodu.

Strony wykorzystujące XMLHttpRequest albo XMLHTTP wykorzystują obiekt XMLHttpRequest bezpośrednio w JavaScripcie albo z poziomu gotowych bibliotek konstrukcyjnych (frameworków).

Istnieją także inne metody, które dają te same efekty:

• Niewidzialny IFrame ( korzystając z własności obiektów javascriptu location.href oraz innerHTML )
• Netscape LiveConnect
• Inne obiekty Microsoft ActiveX
• Microsoft XML Data Islands
• Macromedia Flash Player
• Applety Java

Znane problemy

Pamięć podręczna Microsoft Internet Explorera

IE implementuje pamięć podręczna dla zapytań typu GET. Autorzy, którzy nie znają zachowań IE, oczekują że zapytania GET będą odświeżane za każdym razem tak samo jak po odświeżeniu strony. W pewnych sytuacjach może to spowodować błędy na stronie. Najprostszym rozwiązaniem jest stosowanie zapytań typu POST.

Możemy także ustawić nagłówek "Expires" na datę w przeszłości, dzięki czemu unikniemy zapisania strony w pamięci podręcznej. Przykład zastosowania w PHP:

 header( "Expires: Mon, 26 Jul 1997 05:00:00 GMT" );  // sprawia, że IE nie zapisze tej strony
 header( "Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . " GMT" ); 
 header( "Cache-Control: no-cache, must-revalidate" ); 
 header( "Pragma: no-cache" );
 header( "Expires: -1", false );

To samo da się osiągnąć używając Java Servlet:

 response.setHeader( "Pragma", "no-cache" );
 response.addHeader( "Cache-Control", "must-revalidate" );
 response.addHeader( "Cache-Control", "no-cache" );
 response.addHeader( "Cache-Control", "no-store" );
 response.setDateHeader("Expires", 0);

Alternatywnie da się także określić w obiekcie XMLHttpRequest aby pobierał zawartość pomimo zapisanej wersji w pamięci podręcznej, tak jak pokazano w poniższym przykładzie:

 req.open( "GET", "xmlprovider.php" );
 req.setRequestHeader( "If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT" );
 req.send( null );

Kolejnym rozwiązaniem jest używanie losowego ciągu znaków na końcu zapytania:

 req.open( "GET", "xmlprovider.php?sid=" + Math.random());

Zapewni to pobranie aktualnej zawartości.

Należy pamiętać, że te techniki powinny być wykorzystywane tylko jeżeli są problemy. Zamiast wysyłać niepoprawne nagłówki lepiej jest informować użytkownika, że nowe dane bywają aktualnie dostępne.

Ponowne używanie obiektów XMLHttpRequest w IE

• Opis dylematu w angielskojęzycznej wikipedii
• Reusing XMLHttpRequest Object in IE
• Artykuł w quirksmode

Obsługa przeglądarek

• Microsoft jako pierwszy włączył obiekt XMLHTTP w swojej kontrolce ActiveX MSXML.
  • Internet Explorer 7 obsługuje obiekt XMLHttpRequest, zachowując kompatybilność z poprzednią implementacją.^[2]
• Deweloperzy Mozilli stworzyli własny XMLHttp, ale już jako natywny obiekt przeglądarki nazywający się XMLHttpRequest.
• Opera oraz Safari posiadają zaimplementowaną podobną funkcjonalność, ale bardziej podobną do XMLHttpRequest Mozilli.
• Część bibliotek konstrukcyjnych (frameworków) obsługuje tylko jedną z implementacji, a inne obie.

Biblioteki szkieletowe (frameworki)

Powstało wiele bibliotek szkieletowych, które obsługują wszystkie implementacje XMLHttpRequest. Patrz też: AJAX.

Przypisy

Sprawdź też

• Ajax
• HTTP
• XML

Linki zewnętrzne

Dokumentacje implementacji

• Obiekt XMLHttpRequest – propozycja standardu W3C Working Draft
• Apple Safari 1.2
• Microsoft IXMLHTTPRequest
• obiekt XMLHttpRequest – Mozilla Developer Center

Angielskojęzyczne poradniki

• Very Dynamic Web Interfaces
• Ajax

Bezpieczeństwo

• "Attacking AJAX Applications", prezentacja z konferencji Black Hat. Opisuje parę tematów dotyczących XMLHttpRequest oraz przyszłość AJAX-a działającego na wielorakich domenach.