Ајакс - Што е тоа? Асинхрони вклучите Javascript-и XML: предности и недостатоци

Сега може да се види на интернет добива на популарност за користење и примена на нови технологии. Еден од нив - е AJAX. Што е тоа? Какви функции има? Каде се аплицира? Сите овие прашања треба да се најде одговорот во овој член.

општи информации

Како стои AJAX? Што значи тоа? Ова намалување е акроним. Таа се залага за Асинхрони вклучите Javascript-и XML ( "Асинхрони вклучите Javascript-и IKSML"). Често може да се види или слушне информацијата дека оваа нова технологија. Но, тоа не е точно. Фактот дека го вклучите Javascript-и XML, постојат веќе многу долго време, со оглед на "Ајакс" е синтеза на овие технологии. Најчесто се користи во комбинација со поимот Web 2.0 и се подразбира употреба на напредни техники за дизајн.

И она што функција?

Значи, ние веќе имаат општа идеја за она што е AJAX. Она што ни дава во пракса? Зошто се повеќе се зборува за неговата примена? Особеноста на оваа технологија - е тоа што кога ќе го користите тоа не треба да се освежи целата страница на прво барање. По сите, можете да побарате нови податоци само за дел од неа. Ова е погодно (бидејќи помалку време ќе мора да почека) и трошоци (за оние кои не се неограничени интернет). Меѓутоа, за да го извести корисникот за тоа што се случува надградба е пожелно да се користи најмалку индикатор товар или текстуални пораки кои ги информира за нови податоци од серверот. Како minuses технологија често се упатува на фактот дека тоа не го поддржува наследство и текст прелистувачи. И способноста да се оневозможи вклучите Javascript-технологија е на корисникот од многу и уживаше. Затоа, не треба да го злоупотребуваат AJAX. Што може да даде, ако не и да се обезбедат алтернативни методи за обезбедување на информации? Во најдобар случај, информациите само нема да биде прикажан на сајтот. Во најлош случај - неговиот изглед е толку погодени дека корисникот не мора да се врати.

Предности на "Ајакс"

Оваа технологија нуди две методи со кои на веб-страница може да се реализира. Првата политика вклучува правење на промени без рестартирање. Ова може да се постигне со динамична барања до серверот. Вториот вклучува користење на специфични технологии, најпопуларните од нив е XMLHttpRequest. Релативно свои предности, "Ајакс" може да се каже следново:

1. Можете да се создаде лесен веб-базирана апликација, која интерфејс ќе имаат вкупниот број на убави карактеристики за корисникот, со тоа што се олесни човечка интеракција и веб страната.
2. Наместо целосно страница Вчитај ја страната повторно делумно. Ова заштедува ресурси и ја оптимизира ефикасноста на машина.
3. дел на серверот на страницата е активно интеракција со корисникот.
4. Корисни за спроведување на голем број на идеи.

комуникација

Еве, на пример, треба повратни информации форма која може да се користи за да се советуваат клиентите. Како тоа може да се направи? Прво треба да се грижи за "носител" на информации. За да го направите ова, ќе треба да се создаде XMLHttpRequest објектот. Тој делува како посредник помеѓу серверот и прелистувачот на корисникот. Со овој објект ќе испрати барање и да добијат одговори на нив. За директна размена на податоци, треба AJAX PHP. Овие алатки може да се спроведува со користење GET- или пост-пребарувања. Во овој случај, потребни аргументи ќе бидат донесени директно преку URL-то. Во исто време, тоа ќе се кандидира на функцијата, и за обезбедување на пренос на податоци не е прекината. Но, како да се имплементираат AJAX-барање? Препорачуваме да користите POST. Благодарение на него, можете да ја пренесеш неограничен број на податоци, која, згора на тоа, е многу потешко да се пристап.

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

Како се Асинхрони вклучите Javascript-и XML во пракса? Да се разбере ова со еден пример. Вграден во однос на структурата треба да бидете сигурни дека клиентот дел ги обезбедува сите потребни функции за безбедна размена на податоци. Тоа треба да ги обезбеди потребните методи за пренесување на информациите избрани начини. дел на серверот треба да се осигура дека обработката на податоците, и врз основа на нив веќе, да се генерираат нови информации за да потоа го давате на клиентите. Најчестиот вид на интеракција е да се работи со базата на податоци. Ние претходно споменати е елемент на многу бизнис сајтови, како еден вид на повратна информација. Предноста на "Ајакс" во овој случај е што таа го зафаќа асинхрон пренос на податоци. Со други зборови, додека информацијата е испратена, корисникот може да ги изврши сите потребни дејствија за да го. Фокусирајќи се на спецификите на секој случај, мора да одлучи дали сакаш овој процес за да се информираат посетител на сајтот. Во однос на истиот образец за повратна врска треба да се рече дека во овој случај може да се напише "оператор бира одговор", или нешто слично.

одговор од серверот

Тој не може да дојде само за XML, како што мислат поради името на технологијата. Покрај тоа, таа може да се пренесе како обичен текст или JSON. Во првиот случај, информациите можат да бидат веднаш прикажан на оваа страница. Ако со помош на XML, што треба да се грижи за тоа AJAX-датотека е соодветно обработени во прелистувачот на клиентот. Сите податоци во овој случај се претвора во (X) HTML. Кога се користи JSON формат, треба да се изврши на код за да се добие целосна објект Javascript-от. Неопходно е да се биде внимателен и да се земе во предвид фактот дека голем број хакери како да се пренесе на малициозен код со помош на оваа технологија. Затоа е неопходно да се обезбеди процесот на проверка на податоците пред да се обработи. Карактеристики на реализација за различни прелистувачи може да биде малку поинаква, но во целина, акцијата еве една шема.

Ние се направи барање до сервер и обработка на одговор

Целата низа на акции е како што следува:

1. Првично, ќе треба да се создаде и да бидете сигурни дека постои XMLHttpRequest.
2. Потоа иницијализира серверот врската.
3. Испрати барање до него.
4. Чекаме за податоци за да се дојде, и процесот на нив.

Тоа треба да ви кажам за некои од карактеристиките на создавање на објектот. Тоа може да се поведе во секое место каде што тоа е можно само во рамките на програмскиот јазик. Но, ако тој беше даден статус на глобално ниво, во секој еден момент во времето за да биде можно да се работи со само едно барање. Во овој момент, треба да се обрне поголемо внимание. Во однос на третманот - тука ќе се фокусира на избран инструмент. Значи, ако на XML податоци да бидат обработени ДОМ-функции и да ги презентираат на корисникот има крајниот резултат во HTML. И што да се прави со JSON-отценети? Треба да се сфати дека тоа е објект нотација Javascript-от. Што значи тоа? Поради JSON објект може да се претстави како стринг. Но, тоа мора да се запомни дека овој метод не е безбедно да се во целост, и голем број на фактори треба да се смета. Но, во принцип, тоа е многу лесно.

Од страна на серверот програмски јазици

Речиси секој веб-базирана апликација ги користи во еден или друг начин. За пренос на податоци е најпопуларниот PHP. На тоа обично пишува датотеки за сајтови, каде што не е критична брзина на пренос на податоци, и склопот на рамнотежа меѓу неа и сигурност. техники за пренос XMLHttpRequest дискутирани погоре.

конфигурирање на серверот

Што програми се потребни со цел да работат целосно AJAX? Што значи тоа да ни ја даде? Кои се тие за? За да се одговори на овие прашања, треба да се запознаете со следнава листа:

1. HTML / XHTML. Тие се потребни за серверот да го признае формата на страната.
2. CSS. Оваа алатка е потребно за визуелни избор на страница дизајн.
3. ДОМ. Тоа е потребно за да се обезбеди на динамични промени на страница, како одговор на акција од страна на корисникот.
4. XML. Се бара за пренос на податоци помеѓу клиентот и серверот.
5. JavaScript. Ние треба да се создаде курсорот "Ајакс" и да се обезбеди интерактивност.
6. XMLHttpRequest. Објектно преку кои прашања ќе бидат испратени до серверот.

Користење на сајтот

Така, сега имаме и на теоретски знаења и идеи за тоа како AJAX. Испраќање на податоци е сега само бара одредена пракса. Дозволете ни да се погледне во целина, како да им пријдете на спроведувањето на задачата со помош на "Ајакс". Значи, ние треба да се создаде база на податоци возачот. И тие ќе се разликуваат уреди кои може да се управува. Треба да се напомене дека горенаведените податоци е многу голема, па јас само да го испрати на клиентот и што има да понуди да се направи селекција користејќи JavaScript не дава никаква смисла. Исто така е пожелно да поседувате веб-страница е превчита поради еден параметар. На серверот барања ќе се справи со посебни PHP скрипти. Базата на податоци се спроведува како XML-датотеката.

за базата на податоци

Неопходно е да се работи од неговата структура. И што ако поминаа параметри, кои се објекти? Во таков случај потребно е да се обезбеди за создавање на променливата, каде што нема да има линк до настанот за повици од функцијата. За да може да ја пристапите од било каде тоа е потребно да се направи глобална код. За погодност, пожелно е да се користи системот за управување со базата на податоци. Се разбира, тоа не е потребно. Но, сепак се дозволи употреба на базата на податоци да работат повеќе удобно и ефикасно со податоци.

Ние работиме на работата на моторот,

Како не се што ќе се случи? Значи, доаѓа некој настан, што ќе предизвика посебна намена. Таа ќе се подготви GET или POST-податоци кои ќе бидат испратени. Таа потоа се повикува на функцијата, која ќе го направи жалба до URL-то на скрипта на серверот. Неопходно е да се предвиди создавање на XMLHttpRequest-објект. Повикување на него треба да се чуваат во променлива. По податоците се испраќаат до серверот, мора да се чека за одговор од него. За да го направите ова, можете да го вклучите "прислушување" за добивање информации (доколку е познато, ќе дојде и кога) или да се обезбеди функција која секогаш ќе биде подготвена да ги прифати податоците. Првиот олицетворение е помалку сигурен во случај на вонредна состојба. Вториот реализација - повеќе скапи во однос на ресурсите. Иако, ако тоа се прави само во однос на една променлива, тоа не влијае на брз Интернет. Но, ако постојат стотици и илјадници, и тие ќе имаат висока резолуција, - тогаш тоа ќе биде уште една работа. Затоа е потребно да се бараат рамнотежа помеѓу користење на расположливите ресурси и ефикасноста. Впрочем, тоа треба да се разбере дека не сите имаат меморија до 16 GB. Ова може да се постави одреден време на чекање по што го замени претходните податоци или информации дека серверот не е на располагање во тоа време.

карактеристики

При користење на "Ајакс" е создадена од страна на интерфејс за оваа страница или апликација, треба да бидете сигурни дека резултатот работи добро на различни оперативни системи, и на различни пребарувачи. Во првиот случај, ќе биде во можност да обезбеди емулатор непроценлива помош. Во вториот случај, тоа ќе биде доволно само да инсталирате разни програми и тестирање на функционалноста на кодот. Исто така е неопходно да се обезбеди за одредени активности, и во случај прелистувачот на корисникот ќе се користи надвор од датумот или ќе се исклучи потребните прилагодувања. Во такви случаи, треба да се води сметка за повлекување на текст на оваа страница, со наведување на причините зошто страницата на гледање во овој случај не е можно. Да, сега поголемиот дел од луѓето со користење на модерната технологија, но не целосно да се прости од внимание на веројатност и фактот дека за неколку проценти на посетителите ќе се користи некои застарени софтвер. И во бизнисот скала може да има значителни последици.

заклучок

Тоа доаѓа до логичен крај на овој член. Ако зборуваме за "Ајакс" во целина, оваа алатка ви овозможува да креирате многу атрактивна и функција богата со веб-сајтови кои работат брзо и со надлежните распоред испорача на своите корисници задоволство. Несомнено е дека ќе има уште повеќе напредни технологии во иднина, но сега за сега ние ќе го користи она што го имаме. Како што е сосема можно подобрување на програмски јазици и техники, и тоа е опција која ќе биде на располагање, на методи со кои ќе се создаде уште повеќе висок квалитет на производот. Но, бидете Како и да е, на потребната работа сега тоа е. И ова име - "Ајакс".