Ajax - Co to jest? Asynchroniczny JavaScript i XML: zalety i wady

Teraz można oglądać w Internecie zyskuje popularność wykorzystania i stosowania nowych technologii. Jeden z nich – jest AJAX. Co to jest? Jakie funkcje posiada? Gdzie należy złożyć wniosek? Wszystkie te pytania będzie można znaleźć odpowiedź w tym artykule.

informacje ogólne

ajax go Jak stoi AJAX? Co to znaczy? Redukcja ta jest skrótem. Jest to skrót od Asynchronous JavaScript and XML ( "Asynchronous JavaScript and IKSML"). Często można zobaczyć lub usłyszeć informacje, że tej nowej technologii. Ale to nie jest prawda. Fakt, że JavaScript i XML, istnieje już dość dawno, podczas gdy „Ajax” jest syntezą tych technologii. Najczęściej stosuje się go w połączeniu z terminem Web 2.0 i jest rozumiana jako wykorzystanie zaawansowanych technik projektowania.

I co funkcja?

Tak, mamy już ogólne pojęcie o tym, co jest AJAX. Co daje nam w praktyce? Dlaczego jest aktywnie mówić o jego stosowania? Osobliwością tej technologii – jest to, że kiedy go używać nie trzeba odświeżyć całą stronę na pierwsze żądanie. Po tym wszystkim, można zażądać nowych danych wyłącznie na części. Jest to wygodne (bo mniej czasu trzeba czekać), a koszt (dla tych, którzy nie mają nieograniczony dostęp do Internetu). Jednak, aby poinformować użytkownika o tym, co dzieje się uaktualnienie wskazane jest stosowanie co najmniej wskaźnik obciążenia lub tekst wiadomości, które informują o nowych danych z serwera. Ponieważ technologia minusy często odniósł się do faktu, że nie obsługuje starszych i tekstowych przeglądarek. I możliwość wyłączenia technologii JavaScript jest na użytkownika niż wiele i cieszył. Dlatego też, nie należy nadużywać AJAX. Że może dać, jeśli nie w celu zapewnienia alternatywnych metod dostarczania informacji? W najlepszym przypadku, informacja prostu nie będzie wyświetlany na stronie. W najgorszym – jego wygląd jest tak zmieniona, że użytkownik nie musi już wracać.

Zalety „Ajax”

aplikacja internetowa Technologia ta oferuje dwie metody, za pomocą której strona internetowa może zostać zrealizowane. Pierwsza polega na wprowadzeniu zmian bez restartu. Można to osiągnąć przy dynamicznych żądań do serwera. Drugi polega na wykorzystaniu specyficznych technologii, z których najbardziej popularna jest XMLHttpRequest. Stosunkowo własne zalety, „Ajax” Można powiedzieć, co następuje:

Można tworzyć wygodnej aplikacji opartych na sieci Web interfejs, który będzie miał cały szereg przydatnych funkcji dla użytkownika, z takim skutkiem, że ułatwienia ludzkiej interakcji i stronę internetową.
Zamiast pełnego przeładowania strony częściowe. To oszczędza zasoby i optymalizuje wydajność maszyny.
Część serwerowa miejscu aktywnie współdziała z użytkownikiem.
Przydatne dla realizacji wielu pomysłów.

Komunikowanie

Oto, na przykład, potrzebny jest formularz zwrotny, który może być wykorzystywany do poinformowania klientów. Jak można to zrobić? Najpierw musimy zająć się „nośnikiem” informacji. Aby to zrobić, trzeba utworzyć obiekt XMLHttpRequest. On działa jako pośrednik między serwerem a przeglądarką użytkownika. Z tego obiektu będą wysyłać żądania i odbierać odpowiedzi do nich. Do bezpośredniej wymiany danych, musimy AJAX PHP. Narzędzia te mogą być realizowane z wykorzystaniem GET- lub po zapytań. W tym przypadku niezbędne argumenty będą przekazywane bezpośrednio przez adres URL. Jednocześnie będzie to uruchomić funkcję, oraz za zapewnienie, że transmisja danych nie zostanie przerwany. Ale jak zaimplementować AJAX żądanie? Zalecamy użycie POST. Dzięki niemu można przesłać nieograniczoną ilość danych, które zresztą jest o wiele trudniejsze do dostępu.

Zasada działania

strona wWW Jak to asynchroniczny JavaScript i XML w praktyce? Powiedzmy to zrozumieć na przykładzie. Zbudowany w odniesieniu do struktury, musisz upewnić się, że część klient zapewnia wszystkie niezbędne funkcje do bezpiecznej wymiany danych. Należy zapewnić niezbędne metody przekazywania informacji wybrany sposoby. Część serwer powinien upewnić się, że przetwarzanie danych i opartych na nich już, aby wygenerować nowe informacje, aby następnie przekazać je do klienta. Najczęstszym rodzajem interakcji jest do pracy z bazą danych. Mamy już wspomniano jest elementem wielu witryn biznesowych jako forma informacji zwrotnej. Zaletą „Ajax” w tym przypadku jest to, że posiada asynchroniczny transfer danych. Innymi słowy, gdy informacja jest wysyłana, użytkownik może wykonywać wszystkie niezbędne czynności do niego. Koncentrując się na specyfice każdego przypadku należy zdecydować, czy proces ten poinformować odwiedzającego witryny. W stosunku do tego samego formularza zwrotnego należy stwierdzić, że w tym przypadku możemy napisać „operator wybiera odpowiedź”, lub coś podobnego.

odpowiedź serwera

On może nie pochodzić wyłącznie dla XML, jak mogłoby się wydawać, ponieważ nazwy technologii. Ponadto, może to być przesyłane w postaci zwykłego tekstu lub JSON. W pierwszym przypadku informacja może być natychmiast wyświetlane na stronie. Jeśli za pomocą XML, trzeba dbać o tym AJAX akt został prawidłowo przetwarzane w przeglądarce klienta. Wszystkie dane w tym przypadku przeprowadza się w (X) HTML. W przypadku korzystania z formatu JSON, trzeba wykonać kod, aby uzyskać pełny obiekt JavaScript. Konieczne jest, aby być ostrożnym i brać pod uwagę fakt, że wielu hakerów chcesz transmitować złośliwego kodu za pomocą tej technologii. Dlatego konieczne jest zapewnienie procesu weryfikacji danych zanim zostaną przetworzone. Charakterystyka realizacji dla różnych przeglądarek mogą się nieznacznie różnić, ale ogólnie rzecz biorąc, działanie tu jest jeden schemat.

Wykonujemy żądanie do serwera i przetwarzania odpowiedzi

Formularz feedback Cała sekwencja działań jest następujący:

Początkowo trzeba utworzyć i upewnić się, że nie ma XMLHttpRequest.
Następnie inicjuje połączenie z serwerem.
Wysłać żądanie do niego.
Czekamy na dane przyjść, i przetwarza je.

Należy powiedzieć o niektórych funkcji na utworzenie obiektu. To może być inicjowane w dowolnym miejscu, gdzie jest to możliwe tylko w ramach tego języka programowania. Ale jeśli nadano mu status globalnego, w dowolnym momencie, aby była ona możliwa praca tylko z jednym wniosku. W tym momencie trzeba zwrócić szczególną uwagę. Jeśli chodzi o leczenie – tutaj skupiamy się na wybranym instrumencie. Tak więc, jeśli dane mają być przetwarzane XML DOM-funkcje i przedstawić użytkownikowi ma końcowy wynik w HTML. A co zrobić z JSON oceniane? Należy rozumieć, że jest to zapis obiektu JavaScript. Co to znaczy? Ze względu JSON obiekt może być reprezentowany jako ciąg znaków. Ale należy pamiętać, że ta metoda nie jest w pełni bezpieczny, a wiele czynników, które należy rozważyć. Ale w ogóle, to jest bardzo proste.

języki programowania po stronie serwera

Prawie każda aplikacja internetowa korzysta z nich w ten czy inny sposób. Do transmisji danych jest najbardziej popularny PHP. Na to zazwyczaj zapisuje pliki do witryn, gdzie nie jest krytyczna szybkość transmisji danych, a preferowane równowaga między nią i niezawodności. Techniki transmisji XMLHttpRequest omówiono powyżej.

Konfiguracja serwera

asynchroniczny JavaScript i XML Jakie programy są potrzebne, aby w pełni działać AJAX? Co to nam dać? Co oni są? Aby uzyskać odpowiedzi na te pytania, należy zapoznać się z poniższej listy:

HTML / XHTML. Są one potrzebne do serwera rozpoznać układ strony.
CSS. To narzędzie niezbędne dla doboru wizualnego projektowania stron jest.
DOM. Jest to niezbędne w celu zapewnienia dynamicznych zmian na stronie w odpowiedzi na działania użytkownika.
XML. Jest wymagany do przesyłania danych między klientem a serwerem.
JavaScript. Musimy stworzyć kursor „Ajax” i zapewniają interaktywność.
XMLHttpRequest. Przedmiot, przez który będą przekazywane zapytania do serwera.

Korzystanie z serwisu

Więc teraz mamy zarówno wiedzę teoretyczną i idei o jak AJAX. Wysyłanie danych jest teraz tylko wymaga pewnej praktyki. Spójrzmy w ogóle, jak podejść do realizacji zadania, korzystając z „Ajax”. Tak więc, musimy utworzyć bazę danych kierowcy. I będą się różnić urządzeń, które mogą być eksploatowane. Należy zauważyć, że powyższa baza danych jest bardzo duża, więc po prostu wysłać go do klienta i co ma do zaoferowania, aby dokonać wyboru przy użyciu JavaScript nie ma sensu. Pożądane jest również posiadanie strony internetowej jest ładowany z powodu jednego parametru. Na serwerze wnioski będą obsługiwać specjalne skrypty PHP. Baza danych jest realizowany jako pliku XML.

o bazie

ajax wysyłania Konieczne jest wypracowanie jego strukturę. A co, jeśli przekazywane parametry, które są obiektami? W takim przypadku konieczne jest zapewnienie utworzenia zmiennej, gdzie nie będzie żadnego powiązania jej przypadku połączeń z funkcji. Aby móc uzyskać do niego dostęp z dowolnego miejsca konieczne jest, aby kod globalnej. Dla wygody, pożądane jest stosowanie systemu zarządzania bazami danych. Oczywiście, nie jest to konieczne. Ale nadal umożliwiają korzystanie z bazy danych, aby pracować bardziej komfortowo i skutecznie z danymi.

Pracujemy na pracy silnika

Jak to wszystko się stało? Tak więc, nie przychodzi pewne zdarzenie, które spowoduje specjalną funkcję. Ona przygotuje GET lub POST danych, która zostanie wysłana. Następnie wywołuje funkcję, która pozwoli odwołanie do adresu URL skryptu serwera. Konieczne jest, aby przewidzieć utworzenie XMLHttpRequest-obiektu. Odwołanie do niego powinny być przechowywane w zmiennej. Po dane zostały wysłane na serwer, trzeba czekać na odpowiedź od niego. Aby to zrobić, można włączyć „podsłuch”, aby uzyskać informacje (jeśli są znane, przyjdzie i kiedy) lub w celu zapewnienia funkcji, która zawsze będzie gotowy do odbioru danych. Pierwsza postać jest mniej wiarygodna w przypadku nadzwyczajnej sytuacji. Druga realizacja – bardziej kosztowne pod względem zasobów. Chociaż, jeśli odbywa się tylko w odniesieniu do jednej zmiennej, to nie wpływa na szybki internet. Ale jeśli istnieją setki i tysiące, a oni mają wysoką rozdzielczość, – to będzie zupełnie inna sprawa. Konieczne jest zatem, aby dążyć do równowagi między wykorzystaniem dostępnych zasobów i efektywności. Po tym wszystkim, należy rozumieć, że nie wszystkie mają pamięć do 16 GB. Może to wskazywać określony czas oczekiwania, po którym zastąpił poprzedni danych lub informacji, że serwer nie jest dostępny w tym czasie.

funkcje

plik ajax Podczas korzystania z „Ajax” jest tworzony przez interfejs strony lub aplikacji, należy upewnić się, że wynik dobrze działa na różnych systemach operacyjnych i na różnych przeglądarkach. W pierwszym przypadku będzie w stanie zapewnić emulatory pomoc nieoceniona. W drugim przypadku będzie to wystarczy zainstalować wiele programów i przetestować ich funkcjonalność kodu. Konieczne jest również zapewnienie pewnych działań, aw przypadku przeglądarka użytkownika będą wykorzystywane nieaktualne lub będzie wyłączony niezbędne ustawienia. W takich przypadkach należy zadbać o wycofanie tekstu na stronie, podając przyczynę, dlaczego strona oglądania w tym przypadku nie jest to możliwe. Tak, teraz zdecydowana większość osób korzystających z nowoczesnych technologii, ale nie całkowicie puścić z uwzględnieniem prawdopodobieństwa i fakt, że kilka procent użytkowników będzie używać trochę przestarzałe oprogramowanie. Aw skali działalności może mieć poważne konsekwencje.

wniosek

Który przychodzi do logicznego końca tego artykułu. Jeśli mówimy o „Ajax” w całości, to narzędzie pozwala stworzyć bardzo atrakcyjne i bogate w funkcje internetowe, które działają szybko i właściwy układ dostarczać swoim użytkownikom przyjemność. Nie ma wątpliwości, że będzie jeszcze bardziej zaawansowanych technologii w przyszłości, ale teraz będziemy używać, co mamy. Ponieważ poprawa języków i technik programowania jest całkiem możliwe, że jest to opcja, która będzie dostępna, metody, które będą tworzyć jeszcze więcej wysokiej jakości produkt. Ale bądź co bądź, praca potrzebna teraz, że jest. I ta nazwa – „Ajax”.