Аякс - Бул эмне? Asynchronous JavaScript жана XML: артыкчылыктары жана кемчиликтери

Эми сиз таанымал жаңы технологияларды колдонууга жана колдонууга ээ интернетте көрө аласыз. Алардын бири - AJAX болуп саналат. Бул эмне? ал кандай өзгөчөлүктөрү бар? Кайдан алуу керек? Булардын баары суроолорго ушул макалада жооп берилет.

жалпы маалымат

AJAX кантип турат? Бул эмнени билдирет? Бул кыскаруу тамгаларынан турат. Бул Asynchronous Javascript жана XML ( "Asynchronous Javascript жана IKSML") деп чечмеленет. Көп учурда, сен көрө же бул жаңы технология деген маалыматты уга аласыз. Бирок бул туура эмес. "Аякс", ал эми Javascript жана XML чындык экенин, жок, буга чейин бир топ убакыт болуп, бул технологиялардын бир синтези болуп саналат. Көбүнчө, ал 2,0 мөөнөттүү Web менен бирге колдонулган жана заманбап дизайны ыкмаларын колдонуу түшүнүлөт жатат.

Ал кандай өзгөчөлүк?

Ошондуктан, биз буга чейин AJAX эмне жөнүндө жалпы түшүнүк бар. ал иш жүзүндө бизге кандай? Эмне үчүн жигердүү колдонуу жөнүндө сөз болуп жатат? Бул технологиянын өзгөчөлүгү - сен биринчи талабы боюнча, бүт бетти кереги жок пайдалануу деп эсептелет. Анын үстүнө, сен гана бөлүгү боюнча жаңы маалыматтарды суратып алат. Бул (Күтүп аз, анткени), ыңгайлуу жана наркы (чексиз интернет эмес, адамдар үчүн). Бирок, эмне үчүн кымбаттады болуп жөнүндө колдонуучуну маалымдайт сиздин жаңы маалыматтар жөнүндө маалымат, жок эле дегенде, бир жүк көрсөткүч же текст кабарларды пайдалануу максатка ылайыктуу болот. тескейи технология учурда мурасы жана текст браузерлерге колдоого албайт деп аталат эле. Ошондо Javascript технологиясын өчүрүү жөндөмдүүлүгү көп ээ караганда пайдалануучу болуп саналат. Ошондуктан, сиз AJAX кыянат керек. Бул маалыматты камсыз кылуу башка ыкмаларын камсыз кылуу эгерде жок болсо, жардам бере алат? мыкты учурда, маалымат жөн гана сайтта көрсөтүлгөн жок. жаман-жылы - анын көрүнүшү колдонуучу мындан ары кайра бар да жапа чеккен эмес.

"Аякс" жана артыкчылыктары

Бул технология интернет баракча ишке ашышы мүмкүн болгон эки ыкмаларын сунуш кылат. Биринчи кайра туруп, өзгөртүүлөрдү киргизүү керек. Бул жүрүш да динамикалык өтүнүчү менен ишке ашырылышы мүмкүн. Экинчи атайын технологияларды, XMLHttpRequest болгон абдан популярдуу пайдаланууну билдирет. Салыштырмалуу өз артыкчылыктары, "Аякс" төмөнкүлөрдү айтса болот:

1. Сиз Interface адам өз ара жана сайтты көмөк жыйынтыгы менен пайдалануучу үчүн жагымдуу белгилеринин бир катар турган, ыңгайлуу желе негизиндеги арыз жарата аласыз.
2. Анын ордуна бир-беттеги бир бөлүгүн кайра. Бул ресурстарды үнөмдөө жана машина аткарууну жакшыртууну киргизсе болот.
3. сайттын Server бөлүгү жигердүү пайдалануучу менен өз ара байланышта болот.
4. идеялар бир катар иш жүзүнө ашыруу үчүн пайдалуу.

байланышуу

Бул жерде, мисалы, кардарларга сунуш үчүн колдонулушу мүмкүн деген пикир түрүндө, керек. аны кантип кылсак болот? Биринчиден, биз маалыматты "ташуучу" кам көрүүгө муктаж. Бул үчүн сиз XMLHttpRequest объект жасоо үчүн керек. Ал жүрүш жана колдонуучунун браузер ортосунда ортомчу катары иш алып барат. Бул иш менен суроо-талаптарды жиберүү жана аларга жооп алууга болот. түздөн-түз маалымат алмашуу үчүн, биз AJAX PHP керек. Мындай аспаптар ёдюп же POST-суроо-талап аркылуу жүзөгө ашырылышы мүмкүн. Бул учурда, керектүү далилдер URL аркылуу түздөн-түз берилет. Ошол эле учурда бул милдетти чуркап, жана маалыматтарды берүү токтобош үчүн, ошол адамдарга камсыз кылуу үчүн. Бирок, кандай AJAX-суранычын ишке ашыруу үчүн? POST аркылуу сунуштайбыз. Анын жардамы менен, сиз, анын үстүнө, жетүү үчүн бир кыйла татаал маалыматтарды, чектелбеген көлөмүн которо аласыз.

Иштөө принциби

Кантип иш жүзүндө Asynchronous Javascript жана XML бар? анын бир мисал менен бул аяттагы сөздөрдүн маанисин түшүнө көрөлү. Эгер кардар бөлүгү коопсуз маалымат алмашуу үчүн зарыл болгон бардык иш- камсыз болушуна кам көрүшүбүз керек түзүлүшүнө урмат-сый менен курулган. Бул маалыматтын тандалып жолдорун жеткирүү үчүн зарыл болгон ыкмалар менен камсыз кылышы керек. Server бөлүгү аларга маалыматтар боюнча, ошондой эле, кайра иштетүү кийин кардарга өткөрүп берүү жаңы маалымат пайда камсыз кылууга тийиш. өз ара таралган түрү базасы менен иш алып баруу болуп саналат. Биз мурда пикирлер катары көп бизнес-сайттардын бир бөлүгү болуп саналат жогоруда сөз кылдык. Бул учурда "Аякс" артыкчылыгы анын асинхрондук маалыматтарды өткөрүп беребиз. Башка сөз менен айтканда, маалымат жиберип жатканда, колдонуучу анын бардык зарыл иш-аракеттерди жасоого болот. Ар бир иштин өзгөчөлүктөрүнө токтолуп, сиз бул жараян сайттын сарайдын маалымат келеби же жокпу, чечиши керек. Ошол эле пикир түрүндө салыштырмалуу бул учурда биз, же ушул сыяктуу бир нерсе "оператору жооп Топтон" жазып калышыбыз мүмкүн экенин айткан болушу керек.

Server жооп

Ал анткени технология аты ойлошу мүмкүн эле, бир гана XML үчүн эмес болот. Мындан тышкары, кадимки текст же JSON катары өткөрүлүп берилиши мүмкүн. Биринчи учурда маалымат ошол замат баракта көрсөтүлгөн болот. XML колдонуп, анда сиз туура кардар браузерде иштелип деп AJAX-билэ кам көрүү керек. Бул учурда (X) HTML кайрылабыз бардык маалыматтар. колдонуп жатканда JSON түзүлүшү, сиз толук объект Javascript алуу коду жасоо керек. Ал сак болушу керек жана көптөгөн хакерлерге технологиясы аркылуу зыяндуу код берүү жагат экенин эске алуу зарыл. Балким, алар кайра иштетилген чейин маалыматтарды текшерүү учурунда камсыз кылуу үчүн зарыл. башка браузерлер учун ашыруу өзгөчөлүктөрү да бир аз ар түрдүү болушу мүмкүн, бирок, жалпысынан алганда, бул иш-аракет бир схемасы болуп саналат.

Биз жүрүш менен жооп иштетүүгө сураган

иш-аракеттердин толугу менен катар төмөнкүлөр кирет:

1. Башында сен түзүүгө жана XMLHttpRequest бар болушуна кам көрүшүбүз керек.
2. Анан Server байланышы программага жүктөйт.
3. ага сурам жөнөтүү.
4. Биз маалыматтар келип күтүп, аларды иштеп чыгуу.

Бул объектти түзүү боюнча айрым өзгөчөлүктөрүнө жөнүндө айтып бериши керек. Ал гана программалоо тили алкагында мүмкүн каалаган жерде козголушу мүмкүн. Ал эми дүйнөлүк статусу берилген болсо, анда ал бир гана талабы менен иштөө мүмкүнчүлүгү болушу үчүн, өз убагында кандайдыр бир чекитте. Бул жерде, силер кунт коюп керек. дарылоо жөнүндө - бул жерде биз тандап аспапта багытталган. Ошентип, колдонуучуну DOM-милдеттерди кайра иштетүү жана берүүгө XML маалыматтар, эгер HTML акыркы натыйжа берген. Ошондо JSON-баа менен эмне кылуу керек? Бул объект ноталык Javascript экенин түшүнүү керек. Бул эмнени билдирет? Байланыштуу JSON объект сап катары көрсөтүлүшү мүмкүн. Бирок бул ыкма толук коопсуз эмес экенин унутпаш керек, жана себептерден улам бир топ каралышы керек. Бирок, жалпысынан алганда, бул өтө эле жеңил болот.

Server тарабында программалоо тилдери

Дээрлик ар бир интернет-негизделген арыз кандайдыр бир жол менен колдонот. маалымат берүү үчүн абдан популярдуу PHP болуп саналат. ал, адатта, сайттар үчүн документ жазып боюнча, бул жерде маанилүү маалыматтарды берүүнүн баасы эмес, аны жана ишенимдүүлүгү менен тандалган калдык. XMLHttpRequest берүү ыкмалары Жогоруда талкууланган.

Configuring Server

толугу менен AJAX иштетүү үчүн кандай программалар керек? Бул эмнени берет? алар үчүн эмнени билдирет? Бул суроолорго жооп алуу үчүн, төмөнкү тизме менен таанышып керек:

1. HTML / XHTML. Алар барак макети таануу жүрүш үчүн зарыл.
2. CSS. Бул курал барак үлгүсүн карап тандап алуу үчүн зарыл болуп саналат.
3. DOM. Бул пайдалануучу тарабынан иш-аракеттер үчүн жооп катары бир беттеги динамикалык өзгөрүүлөргө камсыз кылуу үчүн зарыл.
4. XML. кардар жана жүрүш ортосундагы маалымат берүү талап кылынат.
5. JavaScript. Биз курсорду "Аякс" түзүү жана өз ара аракеттенүүнү камсыз кылуу үчүн керек.
6. XMLHttpRequest. Object аркылуу суроолор жүрүш багытталат.

сайтты колдонуу аркылуу

Мына, эми биз Аякс кантип жөнүндөгү теориялык билимдерди жана идеяларды да бар. маалыматтарды жөнөтүү азыр гана белгилүү бир тажрыйбаны талап кылат. "Аякс" колдонуп милдеттерди аткарууну жакындоого кандайча, жалпысынан карап чыгалы. Ошондуктан, биз бир айдоочу базасын түзүү керек. Алар иштеп турган түзмөктөрдүн ар кандай болот. Жогоруда базасы абдан чоң экенин белгилеп, ошон үчүн гана, аны кардарга төлөмүн жиберип, анын мааниси жок JavaScript аркылуу тандоо үчүн сунуш кылган керек. Бул бир параметр да интернет барак толукталса ээ болмок. Server жөнүндө суроо-талаптар атайын PHP скрипттерди чечүүгө болот. берилиштер базасына бир XML-делосуна катары ишке ашырылып жатат.

жөнүндө маалымат базасы

Бул анын түзүлүшүн иштеп чыгуу зарыл. Ал эми объектиси болуп өткөн параметрлери, эмне болот? Мындай учурда анда чалуулар иш-чарага эч кандай байланышы жок болот өзгөрмөнүн түзүү, камсыз кылуу зарыл. бул дүйнөлүк кодду үчүн зарыл болгон каалаган жерден көрө алат. Список үчүн, аны колдонуу үчүн жакшы базасын башкаруу системасы. Албетте, бул керек эмес. Бирок, дагы деле базасын колдонуу кыйынчылыксыз жана натыйжалуу маалыматтар менен иштөөгө уруксат берет.

Биз кыймылдаткычтын иштөө үстүндө иштеп жатабыз

Кантип баары эмне болот эле? Ошондуктан, атайын иш-милдетин алып келем бир окуяны, келе жатат. Ошондо ал киши жиберип турган же POST-маалыматтарды даярдайт. Ал Server тексттин URL козгоого аракет кылат милдетин чакырат. Бул XMLHttpRequest-объектинин түзүүнү караштыруу зарыл. ага шилтеме өзгөрмөнүн сакталууга тийиш. маалымат Server жөнөтүлдү кийин, балким, андан жооп күтүп керек. Бул үчүн, Сиз "шагычты" маалыматты алуу үчүн маалыматтарды (эгерде алар белгилүү болсо, келип, жаткан эле), же кабыл алуу дайыма эле даяр боло турган иш менен камсыз кылуу боюнча кайрыла алышат. Биринчи өзү өзгөчө кырдаал болгон учурда анча ишенимдүү эмес. экинчи ишке ашыруу - ресурстары жагынан кыйла кымбат. Эгер бир өзгөрмөлүү карата гана болсо, да, ал тез интернет таасир бербейт. Бирок жүздөгөн жана жүздөгөн бар болсо, анда алар жогорку чечим болот, - анда ал башка маселе болот. Бул, колдо болгон ресурстарды жана натыйжалуу пайдалануунун ортосундагы балансты табууда зарыл. Анткени, бардык 16 ГБ эс ээ эмес экендигин түшүнүү керек. Бул Server азыркы учурда жеткиликтүү эмес экенин мурунку маалыматтарды же маалымат алмаштырылат, андан кийин белгилүү бир убакыт күтүү коюшу мүмкүн.

өзгөчөлүктөрү

"Аякс" беттеги же колдонуу үчүн иштей тарабынан түзүлгөн колдонгон учурда, сиз жыйынтыгы ар башка иштетүү системдерине жакшы иштерин текшерип турушубуз керек, жана ар кандай браузерлерде боюнча. Биринчи учурда баа жеткис жардам Emulators бере алат. экинчи учурда ал ар кандай программалар орнотуу үчүн гана жетиштүү болот, алар кодексинин мүмкүнчүлүгүн сыноо. иши колдонуучунун серепчи эскирип колдонулат же зарыл орнотууларды бөлүп берет, ал белгилүү бир иш менен камсыздоо, ошондой эле зарыл. Мындай учурларда, сактоо бул учурда көрүү сайт эмне себептен мүмкүн эмес экенин себебин көрсөтүү менен, беттеги алынган текстти алып салуу боюнча кабыл алынышы керек. Ооба, азыр басымдуу көпчүлүгү заманбап технологияларды колдонуу менен адамдардын, бирок толугу менен келгендерге бир нече пайызы бир эскирген программаларды колдонуу деген ыктымалдуулук менен, чынында буруунун, коё бербе. Жана бизнес масштабда ал олуттуу натыйжаларга алып келиши мүмкүн.

жыйынтыктоо

Бул макалада бир логикалык аягына чейин келет. Биз жалпысынан "Аякс" жөнүндө сөз кыла турган болсок, бул курал тез жана компетенттүү долбоор менен иштөө абдан жагымдуу жана көркөм-бай сайттарды түзүү, анын колдонуучулары үчүн ырахат жеткирүүгө мүмкүнчүлүк берет. Келечекте мындан да заманбап технологиялар бар, албетте, ал жок болот, бирок азыр биз кандай колдонобуз. программалоо тилдеринин ыкмаларын жакшыртуу толук мүмкүн болгондуктан, бул боло турган бир чечим болсо, андан да жогорку сапаттагы өндүрүм түзөт деп кабыл алынат. Кандай болбосун деп, жумуш керек, азыр болуп саналат. Бул аты - "Аякс".