Ajax - Ինչ է դա? Asynchronous JavaScript եւ XML: առավելություններն ու թերությունները

Այժմ դուք կարող եք դիտել ինտերնետում դառնում ժողովրդականություն օգտագործումը եւ նոր տեխնոլոգիաների կիրառում: Նրանցից մեկը, այն է AJAX. Ինչ է դա: Ինչ առանձնահատկություններ ունի այն: Որտեղ են կիրառել. Բոլոր այդ հարցերը պիտի գտա պատասխանը այս հոդվածում.

ընդհանուր տեղեկություններ

Թե ինչպես է կանգնած AJAX. Ինչ է դա նշանակում? Այս կրճատումը է անվանման հապավումը: Այն հանդես է գալիս անհամաժամ Javascript եւ XML ( «անհամաժամ Javascript եւ IKSML»): Հաճախ դուք կարող եք տեսնել կամ լսել այն տեղեկությունները, որ այս նոր տեխնոլոգիայի. Բայց դա ճիշտ չէ: Այն փաստը, որ Javascript եւ XML, արդեն կան բավականին երկար ժամանակ է, իսկ «Այաքսի» մի սինթեզ այդ տեխնոլոգիաների համար: Առավել հաճախ այն օգտագործվում է հետ համատեղ ժամկետային Web 2.0 եւ ընկալվում է որպես օգտագործման առաջադեմ նախագծման մեթոդների.

Եւ այն, ինչ հատկությունը.

Այնպես որ, մենք արդեն ունենք մի ընդհանուր պատկերացում, թե ինչ է AJAX. Ինչ է այն տալիս է մեզ գործնականում. Ինչու է ակտիվորեն խոսել դրա կիրառման. Առանձնահատկությունն այս տեխնոլոգիայի, այն է, որ երբ դուք օգտագործել այն չեք անհրաժեշտ է թարմացնել ամբողջ էջը առաջին իսկ պահանջով: Ի վերջո, դուք կարող եք պահանջել նոր տվյալները միայն դրա մի մասը: Սա հարմար (քանի որ քիչ ժամանակ, դուք պետք է սպասել.), Եւ ծախսերի (նրանց համար, ովքեր չեն անսահմանափակ ինտերնետ): Սակայն, ինչպես տեղեկացնում է օգտագործողի մասին, թե ինչ է տեղի ունենում, բարելավել ցանկալի է օգտագործել առնվազն մի բեռը ցուցանիշ կամ տեքստային հաղորդագրությունները, որոնք տեղեկացնում մասին նոր տվյալներ է սերվերի. Քանի որ Փորձագետ տեխնոլոգիան հաճախ կոչվում է նրանով, որ այն չի սատարելու ժառանգությունը եւ տեքստային բրաուզերների. Եւ կարողություն անջատել Javascript տեխնոլոգիան է օգտագործողի քան շատ ու վայելում: Հետեւաբար, դուք չպետք է չարաշահի AJAX: Որ այն կարող է տալ, եթե ոչ տրամադրել այլընտրանքային մեթոդներ տեղեկություններ տրամադրելու. Լավագույն դեպքում, այդ տեղեկատվությունը պարզապես չի կցուցադրվեն կայքում. Է ամենավատ - իր տեսքը այնքան ազդակիր որ օգտագործողը այլեւս չունի վերադառնալու:

Առավելությունները «Այաքսի»

Այս տեխնոլոգիան առաջարկում է երկու մեթոդները, որով մի վեբ էջ կարող է իրականացվել: Առաջին ներառում փոփոխություն կատարելու առանց rebooting. Սա կարելի է հասնել դինամիկ խնդրանքներով է սերվերի. Երկրորդը ներառում է օգտագործման հատուկ տեխնոլոգիաների, առավել տարածվածն է, որ XMLHttpRequest: Համեմատաբար սեփական առավելությունները, «Այաքսը», կարելի է ասել հետեւյալը.

1. Դուք կարող եք ստեղծել մի հարմար վեբ վրա հիմնված դիմում, որը ինտերֆեյսը կունենա մի ամբողջ շարք գեղեցիկ առանձնահատկություններ համար անձնագիրը, ինչի արդյունքում հեշտացնելու մարդկային շփումների ու կայքը:
2. Փոխարեն լիարժեք էջի վերաբեռնել մասնակի: Այս փրկում ռեսուրսներ եւ optimizes մեքենա կատարումը:
3. Որ սերվերը մասն կայքի ակտիվ համագործակցում է Օգտվողի մասին.
4. Օգտակար իրականացման համար մի շարք գաղափարների.

շփվելու

Այստեղ, օրինակ, պետք է հետադարձ կապի ձեւը, որը կարող է օգտագործվել է խորհուրդ տալ հաճախորդներին. Թե ինչպես դա կարող է անել. Առաջին, մենք պետք է հոգ տանել, որ «փոխադրողի» տեղեկատվության. Որպեսզի դա անել, դուք պետք է ստեղծել մի XMLHttpRequest օբյեկտ: Նա հանդես է գալիս որպես միջնորդ միջեւ սերվերի եւ օգտագործողի բրաուզերի. Այս օբյեկտի կուղարկի հարցումներ եւ ստանալ դրանց պատասխանները: Ուղղակի տվյալների փոխանակման, մենք պետք է AJAX PHP: Այս գործիքները կարող են իրականացվել, օգտագործելով GET- կամ հետբուհական հարցումները: Այս դեպքում, անհրաժեշտ փաստարկները կփոխանցվեն ուղղակիորեն միջոցով URL. Միեւնույն ժամանակ, դա կլինի գործարկել գործառույթը, եւ ապահովելու համար, որ տվյալների փոխանցման չի ընդհատվել: Բայց ինչպես կարելի է իրականացնել AJAX-խնդրանքը: Խորհուրդ են տալիս օգտագործել ՊԱՇՏՈՆ: Շնորհիվ նրա, դուք կարող եք փոխանցել անսահմանափակ քանակությամբ տվյալների, որոնք, ընդ որում, շատ ավելի դժվար է մուտք գործել:

Սկզբունքը շահագործման

Ինչպես են անհամաժամ Javascript եւ XML գործնականում. Եկեք հասկանանք օրինակով: Կառուցվել նկատմամբ կառուցվածքի դուք պետք է համոզվեք, որ հաճախորդի մասը ապահովում է բոլոր անհրաժեշտ ֆունկցիոնալությունը անվտանգ տվյալների փոխանակման. Այն պետք է ապահովի անհրաժեշտ մեթոդները փոխանցել է տեղեկատվական ընտրված ուղիները: Որ սերվերը մասը, պետք է ապահովի, որ մշակում տվյալների, եւ, դրանց հիման վրա արդեն, պետք է առաջացնում նոր տեղեկատվություն է հետագայում անցնել այն է, որ հաճախորդին: Առավել տարածված տեսակն փոխգործակցության է աշխատել տվյալների բազայում. Մենք նախկինում նշել տարր է բազմաթիվ բիզնես կայքեր, որպես մի ձեւով արձագանքի: Առավելությունն «Այաքսի» բառը այս դեպքում այն է, որ այն ունի asynchronous տվյալների փոխանցման. Այլ կերպ ասած, իսկ տեղեկատվությունը ուղարկվում, օգտվողը կարող է կատարել բոլոր անհրաժեշտ գործողությունները նրան: Կենտրոնանալով առանձնահատկություններից յուրաքանչյուր դեպքում, դուք պետք է որոշեք, թե արդյոք դուք ցանկանում եք, որ այդ գործընթացը տեղեկացնել այցելուին կայքում: Հարաբերական է նույն հետադարձ կապի ձեւը պետք է ասել, որ այս դեպքում մենք կարող ենք գրել »օպերատորը հավաքում պատասխան», կամ նման բան:

սերվերի պատասխանը

Նա կարող է գալ ոչ միայն XML, ինչպես դուք կարող եք մտածել, քանի որ անունով տեխնոլոգիայով. Բացի այդ, դա կարող է լինել փոխանցվել է որպես պարզ տեքստ կամ JSON: Առաջին դեպքում այդ տեղեկությունը կարող է անմիջապես արտածվել էջում: Եթե օգտագործում եք XML, դուք պետք է հոգ տանել, որ AJAX-ֆայլը արդեն պատշաճ կերպով մշակվում է հաճախորդի բրաուզերի. Բոլոր տվյալները այս դեպքում Փոխանակված է (X) HTML: Երբ, օգտագործելով JSON ձեւաչափը, դուք պետք է կատարել կոդը ստանալ ամբողջական օբյեկտը Javascript: Անհրաժեշտ է ուշադիր լինել եւ պետք է հաշվի առնել այն հանգամանքը, որ շատ հաքերները դուր է փոխանցել վնասակար ծրագրային կոդ միջոցով այս տեխնոլոգիան: Ուստի, անհրաժեշտ է ապահովել, որ տվյալների ստուգման գործընթացի նախքան նրանք կարող են մշակվում. Առանձնահատկությունները իրականացման համար տարբեր բրաուզերների կարող է լինել մի քիչ տարբեր են, բայց ընդհանուր առմամբ, այդ ակցիան այստեղ մեկն սխեման:

Մենք կատարել խնդրանքը է սերվերի եւ պատասխան վերամշակման

Ամբողջ հաջորդականությունը գործողությունների հետեւյալն է.

1. Սկզբում, դուք պետք է ստեղծել, եւ համոզվեք, որ կա XMLHttpRequest.
2. Ապա initializes սերվերի կապը:
3. Ուղարկել հարցումը դրան:
4. Մենք սպասել տվյալների գալ, եւ մշակել դրանք:

Այն պետք է պատմել ձեզ որոշ առանձնահատկություններ ստեղծման վերաբերյալ օբյեկտի. Այն կարող է հարուցվել յուրաքանչյուր վայրում, որտեղ դա հնարավոր է միայն շրջանակներում ծրագրավորման լեզու. Բայց եթե նա ստացավ կարգավիճակ է գլոբալ, ցանկացած մեկ կետում ժամանակին, որպեսզի այն հնարավոր լինի աշխատել միայն մեկ խնդրանքով: Այս պահին, դուք պետք է վճարել սերտ ուշադրություն. Ինչ վերաբերում է բուժում - Այստեղ մենք կենտրոնանալ ընտրված գործիքի: Այնպես որ, եթե XML տվյալների, որոնք պետք է մշակվում dom-գործառույթները եւ ներկայացնել օգտվողին ունի վերջնական արդյունքը, HTML: Եւ ինչ պետք է անել JSON-վարկանիշ. Այն պետք է հասկանալ, որ դա օբյեկտ նշում Javascript: Ինչ է դա նշանակում? Շնորհիվ JSON օբյեկտ կարող է ներկայացվել որպես մի պարանի. Բայց դա պետք է հիշել, որ այս մեթոդը անվտանգ չէ լիարժեք, եւ շատ գործոնների պետք է հաշվի առնել: Բայց, ընդհանուր առմամբ, դա շատ հեշտ է.

Սերվերի-side ծրագրավորման լեզուներ

Գրեթե ցանկացած վեբ վրա հիմնված դիմում օգտագործում է դրանք այս կամ այն կերպ: Տվյալների հաղորդման է ամենատարածված PHP: Դրա վրա սովորաբար գրում ֆայլերի վայրերում, որտեղ ոչ թե քննադատական տվյալների փոխանցման արագությունը, իսկ նախընտրելի միջեւ հավասարակշռությունը նրա եւ հուսալիության. XMLHttpRequest փոխանցման տեխնիկան քննարկվել է վերը:

Configuring սերվերի

Թե ինչ ծրագրեր են անհրաժեշտ, որպեսզի լիարժեք գործել AJAX. Ինչ է դա տալիս է մեզ. Ինչ են դրանք են. To ստանալ այս հարցերի պատասխանները, դուք պետք է ծանոթանալ հետեւյալ ցուցակից:

1. HTML / XHTML: Նրանք անհրաժեշտ են սերվերի ճանաչելու էջը դասավորությունը.
2. CSS. Այս գործիքը համար անհրաժեշտ է տեսողական ընտրության էջի դիզայնի վրա.
3. DOM: Այն անհրաժեշտ է, որպեսզի ապահովվի դինամիկ փոփոխությունները մի էջի, որպես պատասխան գործողությունների օգտագործողի կողմից:
4. XML. Համար պահանջվում է տվյալների փոխանցման միջեւ հաճախորդի եւ սերվերի.
5. JavaScript- ը: Մենք պետք է ստեղծել մի կուրսորը «Այաքսի» եւ ապահովել ինտերակտիվություն:
6. XMLHttpRequest: Օբյեկտ, որի միջոցով հարցումներ կուղարկվի է սերվերի.

Օգտագործելով կայքը

Այնպես որ, հիմա մենք ունենք, այնպես էլ տեսական գիտելիքներ եւ գաղափարներ, թե ինչպես է AJAX: Ուղարկելով տվյալների այժմ միայն պահանջում է որոշակի պրակտիկան: Եկեք նայենք ընդհանուր առմամբ, թե ինչպես պետք է մոտենալ իրականացումը առաջադրանքի օգտագործելով «Այաքսին»: Այնպես որ, մենք պետք է ստեղծել մի վարորդի տվյալների բազա. Եւ նրանք կարող են տարբերվել սարքերը, որոնք կարող են գործել: Հարկ է նշել, որ վերը նշված տվյալների բազան շատ մեծ է, այնպես որ, ես պարզապես ուղարկել այն հաճախորդին, եւ այն ունի առաջարկել է կատարել ընտրություն, օգտագործելով JavaScript չի իմաստ. Դա նաեւ ցանկալի է ունենալ մի վեբ էջը գտնվում reloaded պատճառով մեկ պարամետր. Սերվերի վրա հարցումները կարգավորել հատուկ PHP սցենարներ. Տվյալների բազան իրականացվում է որպես XML ֆայլ.

Օգտվողի մասնակի

Անհրաժեշտ է մշակել իր կառուցվածքը: Իսկ եթե անցած պարամետրերը, որոնք օբյեկտները. Այդ դեպքում դա անհրաժեշտ է ապահովել ստեղծման համար մի փոփոխականի, որտեղ կլինեն ոչ հղում դա կանչի միջոցառման գործառույթից: Որպեսզի կարողանանք մուտք գործել այն վայրից, որ անհրաժեշտ է կատարել մի գլոբալ կոդ: Հարմարության համար, ցանկալի է օգտագործել տվյալների բազայի կառավարման համակարգ. Իհարկե, սա ոչ թե անհրաժեշտ է. Բայց դեռեւս թույլ են տալիս օգտագործել տվյալների բազայում աշխատել ավելի հարմարավետ ու արդյունավետ տվյալների հետ:

Մենք աշխատում ենք շարժիչի շահագործման

Ինչպես էր ամեն ինչ կարող է պատահել: Այնպես որ, այնտեղ գալիս է մի որոշակի միջոցառում, որը կհանգեցնի հատուկ գործառույթ: Նա կպատրաստի ստանալու կամ հետբուհական տվյալներ, որոնք կուղարկվի: Ապա դա անվանում է գործառույթ, որը կդարձնի դիմում է URL է սերվերի սցենարի. Անհրաժեշտ է նախատեսել ստեղծումը XMLHttpRequest-օբյեկտ: A հղում դրան պետք է պահվում մի փոփոխականի. Բանից հետո, երբ տվյալները արդեն ուղարկվել է սերվերի, դուք պետք է սպասել պատասխանի նրան: Որպեսզի դա անել, դուք կարող եք միացնել «գաղտնալսման» տեղեկատվություն ստանալու համար (եթե հայտնի է, պետք է գալ եւ երբ) կամ տրամադրել մի գործառույթ, որը միշտ պետք է պատրաստ է ընդունել տվյալների: Առաջին մարմնացումը ավելի քիչ է հուսալի դեպքում արտահերթ իրավիճակում. Երկրորդը իրականացումը - ավելի թանկ առումով ռեսուրսների. Թեեւ, եթե դա արվում է միայն նկատմամբ մեկ փոփոխականի, դա չի ազդում արագ ինտերնետ: Բայց եթե կան հարյուրավոր եւ հազարավոր, եւ նրանք ստիպված կլինեն բարձր բանաձեւը, ապա դա կլինի մեկ այլ հարց. Ուստի, անհրաժեշտ է փնտրել հավասարակշռություն միջեւ օգտագործման առկա ռեսուրսների եւ արդյունավետության. Ի վերջո, պետք է հասկանալ, որ ոչ բոլորն ունեն հիշողությունը 16 ԳԲ: Սա կարող է սահմանել որոշակի սպասելու ժամանակը, որից հետո փոխարինվում են նախկին տվյալները կամ տեղեկությունները, որոնք այդ սերվերը հասանելի չէ այս պահին.

առանձնահատկություններ

Երբ, օգտագործելով «Այաքսին» այն ստեղծված է միջերեսի էջի կամ դիմումը, դուք պետք է համոզվեք, որ արդյունքը լավ է աշխատում է տարբեր օպերացիոն համակարգերի, եւ տարբեր բրաուզերների. Առաջին դեպքում կկարողանա ապահովել անգնահատելի աջակցության emulators: Երկրորդ դեպքում դա կլինի բավական պարզապես տեղադրել է մի շարք ծրագրերի, եւ նրանք փորձարկել ֆունկցիոնալությունը օրենսգրքի: Դա նաեւ անհրաժեշտ է ապահովել որոշակի գործողությունների եւ, դեպքը օգտվողի բրաուզերը կօգտագործվի դուրս ամսաթվի կամ այն փակել են անհրաժեշտ պարամետրերը. Նման դեպքերում, խնամք պետք է ձեռնարկվեն դուրսբերման համար տեքստի վրա էջում, նշելով պատճառը, դիտողականության կայքն այս դեպքում հնարավոր չէ: Այո, այժմ ճնշող մեծամասնությունը ժողովրդի օգտագործելով ժամանակակից տեխնոլոգիաների, բայց չեն լիովին թող գնա ուշադրության հավանականության եւ այն փաստը, որ մի քանի տոկոսը այցելուների կօգտագործի մի հնացած ծրագրային ապահովման. Եւ բիզնես մասշտաբով, դա կարող է հանգեցնել լուրջ հետեւանքների:

եզրափակում

Որ գալիս է մի տրամաբանական ավարտին սույն հոդվածի. Եթե մենք խոսում ենք «Այաքսի» վրա ընդհանուր առմամբ, այս գործիքը թույլ է տալիս Ձեզ ստեղծել մի շատ գրավիչ է եւ խաղարկային հարուստ կայքերը, որոնք աշխատում են արագ եւ իրավասու դասավորությունը մատուցել իր օգտատերերին հաճույք. Կասկած չկա, որ կլինեն նույնիսկ ավելի առաջադեմ տեխնոլոգիաները ապագայում, բայց հիմա մենք պետք է օգտագործել այն, ինչ ունենք: Քանի որ բարելավումը ծրագրավորման լեզուների եւ տեխնիկայի միանգամայն հնարավոր է, եւ սա մի տարբերակ, որը կլինի մատչելի, մեթոդները, որ կարող է ստեղծել ավելի բարձր որակի արտադրանք. Բայց պետք է, որ, քանի որ այն կարող է, որ աշխատանքը Այժմ անհրաժեշտ է, որ. Եւ այդ անունը «Այաքսի»: