Ajax - Энэ юу вэ? Асинхрон 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- эсвэл POST-асуулга ашиглан хийгдэж болно. Энэ тохиолдолд, шаардлагатай нэмэлт өгөгдлүүдийг URL дамжуулан шууд өнгөрч болно. Үүний зэрэгцээ энэ үйл ажиллагаа эрхлэх болон өгөгдөл дамжуулах тасалдсан байна гэж хангах болно. Харин хэрхэн AJAX-хүсэлтийг хэрэгжүүлэх вэ? POST ашиглан санал болгож байна. Түүний ачаар та мэдээлэл, үүнээс гадна, илүү хүртэх нь хэцүү байдаг нь хязгааргүй хэмжээг шилжүүлж болно.

үйл ажиллагааны зарчим

практикт Асинхрон 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-д файл болгон хэрэгжүүлж байна.

мэдээллийн санд тухай

Энэ нь түүний бүтэц гарч ажиллах шаардлагатай байна. Тэгээд өнгөрсөн параметрүүд, объект нь юу бол? Ийм тохиолдолд энэ нь хувьсагчийн, энэ холбоос функцээс дуудлага тохиолдолд ямар ч байж болно бий болгох хангах шаардлагатай юм. хаана ч энэ нь дэлхий нийтийн кодыг хийх шаардлагатай байдаг -ээс хандахын тулд боломжтой байх хэрэгтэй. Тохиромжтой, энэ нь ашиглах нь зүйтэй юм өгөгдлийн сангийн менежментийн систем. Мэдээж хэрэг, энэ нь шаардлагагүй юм. Гэсэн хэдий ч мэдээллийн санг ашиглах нь мэдээлэл илүү тав тухтай, үр дүнтэй ажиллах боломжийг олгодог.

Бид хөдөлгүүрийн үйл ажиллагаа дээр ажиллаж байна

бүх зүйл яаж болох юм бэ гэж үү? Тэгэхээр, тусгай үйл ажиллагаа хүргэнэ тодорхой үйл явдал, тэнд ирдэг. Тэр нь авах, эсвэл POST-өгөгдлийг илгээж болно бэлтгэх болно. Энэ нь дараа нь үйл ажиллагаа, сервер скрипт URL давж заалдах болгоно дууддаг. Энэ нь XMLHttpRequest-объектын үүсгэх нэвтрүүлж шаардлагатай байна. Хэрэв А лавлах хувьсагчид хадгалж байх ёстой. байгаа мэдээлэл сервер рүү илгээгдсэн дараа, та түүнээс хариу хүлээх ёстой. Үүнийг хийхийн тулд та мэдээлэл олж авах нь "утасны яриаг замаас нь" асааж болно (мэдэгдэж байгаа бол, хэзээ ирж байсан), эсвэл үргэлж өгөгдөл хүлээн авахад бэлэн байх болно ажиллагааг хангах. Эхний илэрхийлэгч нь онцгой нөхцөл байдал гарсан тохиолдолд бага найдвартай байна. Хоёр дахь хэрэгжилт - нөөцийн хувьд илүү өндөр өртөгтэй. Хэдийгээр энэ нь нэг хувьсагчийн хувьд зөвхөн хийж байгаа бол энэ нь хурдан интернэт нөлөөлөхгүй. Харин хэдэн зуун мянган байдаг бол, тэд өндөр нягтралтай байх болно - дараа нь энэ нь бас нэг асуудал байх болно. Энэ нь боломжтой нөөц, үр дүнтэй ашиглах хоорондын тэнцвэрийг хайх Тиймээс шаардлагатай байдаг. Эцсийн эцэст, энэ нь 16 GB санах ойг байдаг бүгд биш гэдгийг ойлгох хэрэгтэй. Энэ нь дараа нь өмнөх өгөгдөл, мэдээллийг орлуулж сервер энэ үед бэлэн биш гэдгийг зарим хүлээж цаг хугацаа тогтоож болно.

онцлог

"Аякс" ашиглаж байгаа үед хуудасны эсвэл програмын интерфэйс үүсгэсэн бол та үр дүн өөр өөр үйлдлийн системүүд дээр сайн ажилладаг эсэхийг, мөн өөр өөр браузер дээр гаргах хэрэгтэй. Эхний тохиолдолд үнэлж баршгүй туслалцаа emulators хангах боломжтой болох юм. Хоёр дахь тохиолдолд энэ хөтөлбөр нь төрөл бүрийн суулгах л хангалттай байх болно, тэд кодын ажиллагааг шалгах. Энэ тохиолдолд хэрэглэгчийн браузер хуучирсан ашиглах, шаардлагатай тохиргоог унтрааж болно болно, тодорхой үйл ажиллагааг хангах шаардлагатай байдаг ба. Ийм тохиолдолд мэндийн шалтгаан тусгасан учраас энэ тохиолдолд үзэх сайт боломжгүй бол, хуудасны текстийг татгалзан гаргах тухай авч үзэх хэрэгтэй. Тийм ээ, орчин үеийн технологи ашиглан хүмүүс нь одоо дийлэнх нь ч магадлал болон жуулчид цөөн хэдэн хувь нь ямар нэгэн хуучирсан програм хангамжийг ашиглах болно гэдгийг анхаарлын явах бүрэн бүү зөвшөөр. , Бизнесийн цар хүрээ энэ нь чухал ач холбогдолтой үр дагавартай байж болно.

дүгнэлт

Энэ нь энэ зүйлийн логик төгсгөл ирдэг. Бид бүхэлд нь дээр "Аякст" тухай ярих бол энэ арга танд хурдан шуурхай, чадварлаг зохион нь таашаал ажил нь маш их сонирхол татахуйц байгаа бөгөөд энэ боломжийн баялаг вэб сайт бий болгох нь хэрэглэгчдэд хүргэх боломжийг олгодог. Цаашид ч илүү дэвшилтэт технологи байх болно, харин одоо бид юу ашиглаж болно ямар ч эргэлзээгүй юм. програмчлалын хэл, техникийг сайжруулах нь маш боломжтой бөгөөд энэ боломжтой тохируулга юм шиг, арга бүр ч илүү өндөр чанартай бүтээгдэхүүн гаргаж болно гэсэн. Гэхдээ энэ нь болох гэж хэрэгтэй ажил нь одоо байгаа юм байх. Мөн энэ нэр нь - "Аякс".