Web2.0 jest terminem wymyślonym w odniesieniu do aplikacji internetowych, które działają bez widocznych odświeżeń strony. Normalna strona internetowa działa poprzez dostarczanie stron informacji, z linkami, które pozwalają użytkownikowi przejść od strony do strony. Aplikacja Web 2.0 lub aplikacja AJAX działa na pojedynczej stronie internetowej i wykorzystuje javascript na kliencie do inicjowania i przetwarzania dodatkowych żądań do serwera. Dodatkowe żądania działają w tle i są niewidoczne dla użytkownika; efekt końcowy jest taki, że aplikacja internetowa wydaje się być bardzo podobna do zwykłego programu komputerowego, a użytkownik może nadal manipulować interfejsem aplikacji i aplikacji bez konieczności oczekiwania na dodatkowe żądania wysłane do serwera, aby zakończyć.
Przedstawiamy zabezpieczenia internetowe
AJAX jest akronimem, który oznacza Asynchroniczny Javascript i XML. Interesującą rzeczą w AJAX jest to, że komponent XML jest w rzeczywistości niepotrzebny lub raczej opcjonalny. Ważnym komponentem jest asynchroniczny javascript - to jest sposób działania aplikacji web2.0, a komponent XML to tylko jeden z możliwych formatów wysyłania i odbierania dodatkowych żądań danych na serwer. Ponieważ jednak przetwarzanie odbywa się w tle i jest niewidoczne dla użytkownika końcowego, można zbudować aplikację web2.0 w dowolnym formacie dla żądanych żądań danych..
Klucz do implementacji aplikacji web2.0 AJAX znajduje się w obiekcie XMLHTTP. Obiekty XMLHTTP istnieją w wielu formach, zarówno po stronie serwera, jak i po stronie klienta, a ich celem jest umożliwienie pobierania i przetwarzania zewnętrznych stron internetowych z poziomu aplikacji kodującej. Ponieważ staramy się zbudować aplikację web2.0 po stronie klienta, a ponieważ Javascript jest najszerzej dostępną aplikacją do obsługi skryptów dla przeglądarek internetowych, AJAX jest idealną implementacją, a dobry kod JavaScript w wielu przeglądarkach do tworzenia obiektu XMLHTTP jest taki, jak następuje:
if (document.all) req = new ActiveXObject (:Microsoft.XMLHTTP:);
else req = new XMLHttpRequest ();
Podczas tworzenia aplikacji web2.0 chodzi o to, że za każdym razem, gdy zwykle przesyłasz dane do serwera i odbierasz odpowiedź w zamian, przesyłając formularz lub używając linku do strony zewnętrznej, zamiast tego zaimplementujesz go za pomocą obiektu XMLHTTP. aby wysłać żądanie lub formularz w tle i przetworzyć uzyskane dane bez konieczności przeładowywania przeglądarki. Obiekt XMLHTTP umożliwia wysyłanie żądań synchronicznie lub asynchronicznie, ale ponieważ tworzymy aplikację AJAX, będziesz korzystać z trybu asynchronicznego prawie we wszystkich przypadkach. Przesyłając dane formularzy, można użyć metody GET lub POST, ale w tym artykule pokażę, jak używać testu POST z obiektem XMLHTTP, ponieważ pozwala on na najszersze możliwe zastosowania.
Po utworzeniu obiektu XMLHTTP dostępne są cztery proste polecenia do tworzenia aplikacji web2.0. Właściwość :onreadystatechange: jest używana dla trybu asynchronicznego w celu zdefiniowania funkcji, która jest wykonywana za każdym razem, gdy zmienia się stan żądania (na przykład po jego zakończeniu). Metoda :otwarta: tworzy żądanie, a metoda :wyślij: wysyła żądanie. Ponadto do określania formatu przesyłanych danych używana jest metoda :setRequestHeader:. Oto przykład kodu, który pokazuje, jak działa podstawowa aplikacja AJAX:
if (document.all) req = new ActiveXObject (:Microsoft.XMLHTTP:);
else req = new XMLHttpRequest ();
req.onreadystatechange = ajaxProcess;
req.open (';POST';, ';http: //';+location.host+';/ajax.asp';,true);
req.setRequestHeader (:Content-Type:, :application / x-www-form-urlencoded:);
req.send (';p1 ='; + escape (p1) + ';& p2 ='; + escape (p2));
W tym przykładzie :/ajax.asp: jest stroną, która jest pobierana, a :ajaxProcess (): jest funkcją, która jest wykonywana po pobraniu strony. Zmienne :p1: i :p2: są wysyłane do strony jako dane formularza. Możesz oczywiście przesłać dowolne dane zgodnie z tym, co musisz zrobić; po prostu upewnij się, że plik ajax.asp przetwarza je poprawnie i zwraca wyniki. Zdefiniuj funkcję ajaxProcess (), aby przetwarzać zwrócone wyniki i aktualizować interfejs użytkownika, aby wskazać, że żądanie zostało wykonane i zaktualizować odpowiednie zmienne i / lub użytkownika nowymi danymi. Jeśli chcesz zobaczyć aplikację AJAX web2.0 w akcji, możesz sprawdzić utworzoną przez siebie grę RP2, Apocalypse, którą znajdziesz pod adresem www.apocrpg.com .
Korzystając z tych metod, można w rzeczywistości wysłać dowolne dane na serwer i przetworzyć wyniki, tak jak w przypadku zwykłego żądania HTTP. Różnica polega na tym, że gdy użytkownik wykonuje to normalnie, użytkownik końcowy musi czekać na załadowanie każdej strony, co może być nie do przyjęcia, jeśli użytkownik korzysta z połączenia telefonicznego i istnieje duża liczba czynności do wykonania niezależnie (wielokrotne przeładowania strony). Korzystając z AJAX w aplikacji web2.0, możesz wykonywać te czynności w tle, a użytkownik nigdy nie zauważa opóźnień, ponieważ jest w stanie kontynuować manipulowanie interfejsem użytkownika, podczas gdy żądania stron przetwarzają się w tle, niewidoczne..
Tego typu aplikacje internetowe nie były możliwe w przeszłości z dwóch powodów. Przede wszystkim obiekt XMLHTTP nie był dostępny do niedawna, a także JavaScript nie był szeroko obsługiwany przez prawie wszystkie przeglądarki, tak jak jest dzisiaj. Teraz, gdy możliwe są żądania stron w tle, prawdopodobnie w przyszłości wszystkie aplikacje internetowe zostaną przekonwertowane lub przeniesione do aplikacji AJAX z interfejsem Web 2.0 / klientem. Istnieją również niezliczone aplikacje internetowe, które po prostu nie były możliwe lub wykonalne w starym modelu, że niewątpliwie zobaczymy, że pojawią się one w ciągu najbliższych kilku lat, co może potencjalnie być bardzo udane. Twoja witryna może być jedną z nich, więc zacznij!