Аякс - Какво е това? Asynchronous JavaScript и XML: предимства и недостатъци

Сега можете да гледате в интернет набира популярност използването и прилагането на нови технологии. Един от тях - е AJAX. Какво е това? Какви функции има? Къде се кандидатства? Всички тези въпроси ще бъдат намерени отговора в тази статия.

обща информация

Как стои AJAX? Какво означава това? Това намаление е съкращение. Той е за Asynchronous Javascript и XML ( "Asynchronous Javascript и IKSML"). Често можете да чуете и видите информацията, че тази нова технология. Но това не е вярно. Фактът, че е необходимо Javascript и XML, вече има доста дълго време, докато "Аякс" е синтез на тези технологии. Най-често тя се използва във връзка с термина Web 2.0 и се разбира използването на съвременни техники за дизайн.

И това, което функция?

Така че, ние вече имаме обща представа за това какво е AJAX. Какво ни дава това на практика? Защо е активно се говори за неговото прилагане? Особеността на тази технология - е, че когато го използвате, не е нужно да се обнови цялата страница на първото искане. В крайна сметка, можете да поискате нови данни само за част от него. Това е удобно (тъй като по-малко време трябва да изчакате) и разходи (за тези, които не са неограничен интернет). Въпреки това, за да информира потребителя за това, което се случва ъпгрейд е желателно да се използват най-малко индикаторни товар или текстови съобщения, които информират за новите данни от сървъра. Като минуси технология често се позовава на факта, че той не поддържа стари и текстови браузъри. И възможност за деактивиране на Javascript технология е на потребителя, отколкото много и се радва. Поради това, че не трябва да злоупотребява с AJAX. Това може да даде, ако не и за осигуряване на алтернативни методи за предоставяне на информация? В най-добрия случай, информацията, просто няма да се показва на сайта. В най-лошия - външния му вид е толкова засегнат, че потребителят вече няма да се върне.

Предимства на "Аякс"

Тази технология предлага два метода, чрез който дадена уеб страница, могат да бъдат реализирани. Първият включва извършването на промени без рестартиране. Това може да бъде постигнато с динамични заявки до сървъра. Вторият включва използването на специфични технологии, най-популярната от които е XMLHttpRequest. Сравнително предимства, "Аякс", може да се каже следното:

1. Можете да създадете удобен уеб-базирано приложение, което ще има интерфейс цяло число хубави възможности за потребителя, в резултат на което се улесни взаимодействието между хората и уебсайт.
2. Вместо цяла страница презареди частично. Това спестява ресурси и оптимизира производителността на машината.
3. Частта на сървъра на сайта е активно взаимодейства с потребителя.
4. Полезно за изпълнението на редица идеи.

Комуникация

Ето, например, се нуждаят от формата за обратна връзка, която може да се използва, за да консултират клиентите. Как може да се направи? Първо трябва да се грижи за "носител" на информацията. За да направите това, вие трябва да създадете XMLHttpRequest обект. Той действа като посредник между сървъра и браузъра на потребителя. С този обект ще се изпращат заявки и получаване на отговори на тях. За директен обмен на данни, ние трябва AJAX PHP. Тези средства могат да се прилагат с помощта на GET- или след запитвания. В този случай, необходимите аргументи ще бъдат прехвърлени директно чрез URL. В същото време тя ще върви на функцията, както и за гарантиране, че прехвърлянето на данни да не се прекъсва. Но как да се приложи AJAX заявка? Препоръчваме ви да използвате POST. Благодарение на него можете да прехвърляте неограничено количество данни, които, освен това, е много по-трудно за достъп.

принцип на работа

Как са Asynchronous JavaScript кода и XML на практика? Нека да разберем това с един пример. Построен по отношение на структурата, което трябва да се уверите, че клиентската част да предоставя цялата необходима функционалност за сигурен обмен на данни. Тя трябва да осигури необходимите методи за предаване на информация, избрани начини. Частта сървър трябва да гарантира, че обработването на данните, както и въз основа на тях вече, за да генерира нова информация за впоследствие да го давате на клиента. Най-често срещаният тип на взаимодействие е да се работи с базата данни. Ние вече споменахме, е елемент на много бизнес сайтове като форма на обратна връзка. Предимството на "Аякс" в този случай е, че той притежава асинхронен пренос на данни. С други думи, докато информацията се изпраща, потребителят може да извърши всички необходими действия за него. Фокусирайки се върху спецификата на всеки случай, трябва да решите дали искате този процес да информира посетителите на сайта. В сравнение с една и съща форма за обратна връзка трябва да се каже, че в този случай можем да пишем "оператор набира отговор", или нещо подобно.

отговор от сървъра

Той не може да дойде само за XML, както може би си мислите, защото на името на технологията. В допълнение, може да се предава като обикновен текст или JSON. В първия случай информацията може веднага да се показва на страницата. При използване на XML, което трябва да се грижи за това AJAX-файл е бил обработен правилно в клиентския браузър. Всички данни в този случай се превръща в (X) HTML. При използване на JSON формат, трябва да извършите кода за да получите пълния обект Javascript. Необходимо е да бъдат внимателни и да се вземе предвид факта, че много хакери желаят да предават зловреден код с помощта на тази технология. Поради това е необходимо да се предвиди на проверката на данните, преди да бъдат обработени. Характеристики на реализация за различни браузъри могат да бъдат малко по-различни, но като цяло, действието тук е една схема.

Ние направи заявка към сървъра и обработка на отговор

Цялата последователност от действия, е както следва:

1. Първоначално, трябва да се създаде и да се уверите, че има XMLHttpRequest.
2. След това инициализира връзка със сървъра.
3. Изпрати на искането за това.
4. Ние чакаме данни, за да дойдат и да ги обработи.

Трябва да ви разкажа за някои от функциите на създаването на обекта. Тя може да се започва при всяко място, където това е възможно само в рамките на езика за програмиране. Но ако той е бил даден статут на глобален, във всеки един момент от време, за да бъде възможно да се работи само с една заявка. В този момент, трябва да се обърне специално внимание. Що се отнася до лечение - тук ние се фокусираме върху избрания инструмент. Така че, ако данните за XML, за да бъдат обработени DOM-функции и представят потребителят има краен резултат в HTML. И какво да правим с JSON-висок рейтинг? Трябва да се разбере, че това е обект нотация на Javascript. Какво означава това? Поради JSON обект може да се представи като низ. Но трябва да се помни, че този метод не е безопасно до насита и много фактори трябва да бъдат взети под внимание. Но, като цяло, това е много лесно.

От страна на сървъра езици за програмиране

Почти всеки уеб-базирано приложение ги използва по един или друг начин. За предаване на данни е най-популярният PHP. На него обикновено пишат файлове за сайтове, където не е критично скорост за предаване на данни, както и предпочитаната баланс между нея и надеждност. техники за предаване на XMLHttpRequest обсъдени по-горе.

Конфигуриране на сървър

Кои програми са необходими, за да работи изцяло AJAX? Какво означава това да ни даде? Какви са те за? За да получите отговори на тези въпроси, трябва да се запознаете с следния списък:

1. HTML / XHTML. Те са необходими за сървър, за да признае оформлението на страницата.
2. CSS. Този инструмент е необходимо за визуална селекция на страница дизайн.
3. DOM. Той е необходим, за да се гарантира, динамичните промени на една страница, като отговор на действията от страна на потребителя.
4. XML. Е необходим за прехвърляне на данни между клиента и сървъра.
5. JavaScript. Ние трябва да създадем курсора "Аякс" и осигуряване на интерактивност.
6. XMLHttpRequest. Обект чрез кои заявки ще бъдат препратени към сървъра.

Използването на сайта

Така че сега ние имаме и двете на теоретични познания и идеи за това как AJAX. Изпращане на данни в момента е само изисква определена практика. Нека погледнем по принцип, как да се подходи с изпълнението на задачата, с помощта на "Аякс". Така че, ние трябва да се създаде база данни на водача. И те ще се различават устройства, които могат да бъдат управлявани. Трябва да се отбележи, че по-горе данни е много голяма, така че аз просто го изпраща на клиента и може да предложи да се направи селекция с помощта на JavaScript, няма смисъл. Желателно е също така да притежавате уеб страница се презарежда заради единствен параметър. На сървъра искания ще се справят специални PHP скриптове. Базата данни се осъществява под формата на XML-файлове.

За база данни

Необходимо е да се изработи неговата структура. И какво, ако преминали параметри, които са обектите? В такъв случай е необходимо да се създават условия за изграждане на една променлива, където няма да има това линк към събитието обаждане от функцията. За да можете да получите достъп до него от всяко място е необходимо да се направи световен код. За удобство, е желателно да се използва система за управление на база данни. Разбира се, това не е необходимо. Но все пак позволи използването на базата данни, за да работите по-удобно и ефективно с данните.

Ние работим върху работата на двигателя

Как всичко ще се случи? Така че, има идва дадено събитие, което ще доведе до по-специална функция. Тя ще подготви GET или POST-данни, които ще бъдат изпратени. След това той нарича функция, която ще направи апел към URL адреса на скрипта на сървъра. Необходимо е да се предвиди създаването на XMLHttpRequest-обект. Препратка към това трябва да се съхранява в променлива. След като данните са изпратени до сървъра, трябва да чака за отговор от него. За да направите това, можете да включите "подслушване", за да се получи информация (ако е известно, ще дойде и кога) или за предоставяне на функция, която винаги ще бъде готов да приеме данни. Първото изпълнение е по-малко надеждни в случай на извънредна ситуация. Вторият реализацията - по-скъпо от гледна точка на ресурсите. Макар че, ако това е направено само по отношение на една променлива, тя не се отразява на бърз интернет. Но ако има стотици и хиляди, и те ще са с висока разделителна способност, - тогава ще бъде друг въпрос. Ето защо е необходимо да се търси баланс между използването на наличните ресурси и ефективност. Все пак, трябва да се разбере, че не всички имат паметта до 16 GB. Това може да създаде известно време в чакане, след който замени предишния данни или информация, че сървърът не е достъпен в този момент.

Удобства

При използване на "Аякс" е създадена от интерфейса на страницата или приложението, трябва да се уверите, че резултатът работи добре на различни операционни системи, както и на различни браузъри. В първия случай ще бъде в състояние да осигури емулатори неоценима помощ. Във втория случай той ще бъде достатъчно просто да инсталирате различни програми и те тестват функционалността на кода. Също така е необходимо да се предвидят определени действия, а в случай на браузъра на потребителя ще се използва остарели или тя ще се изключи необходими настройки. В такива случаи трябва да се внимава за отнемане на текста на страницата, като посочва причината, поради която мястото на гледане в този случай не е възможно. Да, сега по-голямата част от хората, които използват модерни технологии, но не напълно пусна внимание на вероятността и на факта, че няколко процента от посетителите ще използвате някои остарели софтуер. И в бизнеса мащаб тя може да има значителни последици.

заключение

Това е към своя логичен край на тази статия. Ако говорим за "Аякс" като цяло, този инструмент ви позволява да създавате много атрактивен и богати на функции уеб сайтове, които работят бързо и с компетентен оформление достави на своите потребители в удоволствие. Няма съмнение, че ще има още по-съвременни технологии в бъдеще, но за сега, ние ще използваме това, което имаме. Както е напълно възможно за подобряване на програмни езици и техники, а това е една опция, която ще бъде на разположение, методите, които ще създаде още по-високо качество на продукта. Но се, че тя може, необходимата работа сега, че е така. И това име - "Аякс".