Archive

Posts Tagged ‘dom’

Ajax-ийн тухай товчхон

January 9th, 2009 7 comments

AJAX бол Asynchronous JavaScript and XML гэсэн үгийн товчлол юм. Веб хуудасны ямар нэг хэсэгт сервэрээс ямар нэг хуудасыг асинхрон дуудаж харуулах боломжийг бүрдүүлсэн техник юм. Одоогоор энэ нь вебийн хөгжүүлэлтийн хамгийн сүүлийн үеийн технологид тооцогдогдож байна.Үүнийг ашигласнаар интерактив веб програм хангамжууд мөн бидний ашигладаг десктоп програм шиг веб програм (Rich Internet Application) хийх боломжийг бүрдүүлж байна. Түүхийн хувьд 2005 онд google өөрийн хайлтын системд suggest (санал болгох- нэг үг бичихэд түүнтэй холбоотой үгнүүд гарах) системдээ анх хэрэглэсэн гэж үздэг боловч бүүр 90-ээд оны дундуур веб хуудас дуудагдсны дараа дахин өөр мэдээлэл серверт илгээх, үр дүн буцааж авдаг зүйлийг java хийсэн байдаг бөгөөд энэ нь java applet юм. 1996 онд Микрософт IFRAME -ийг анх HTML -д оруулж ирсэн нь мөн веб хуудасны тодорхой хэсэгт өөр веб хуудас дуудагдаж гарч ирэх боломжтойг харуулсан зүйл болжээ. 1999 он мөн Микрософт XMLHttpRequest гэх одоо AJAX-ийг бий болгож буй гол обьектийг IE 5.0 -д ActiveX хэлбэрээр ажилладагаар бий болгосон байна. Үүний дараа Mozilla болон бусад веб броузер хөгжүүлэгчид энэ обьектийг бий болгосон хэдийн боловч W3C  дөнгөж саяхан 2006 онд өөрийн албан ёсний стандарт болгох гэж анхны драфт стандартыг гаргасан байх юм.

Өнөөдөр энэ технолгод ашиглагдаж байгаа зүйлүүд

  • XHTML, CSS – мэдээллийг гаргаж харуулахад үндсэн суурь
  • Document Object Model (DOM ) – Мэдээллийг динамикаар эсвэл янз бүрийн байдлаар харуулах боломж бүрдүүлэх
  • XML and XSLT сервер ба клиентийн хооронд мэдээлэл дамжуулах
  • XMLHttpRequest – асинхрон холболт бий болгох
  • Javascrit – дээрхи бүх зүйлийг хооронд холбож ажиллуулах програмчлалын орчин болж өгч байна.
Уламжлалт  ба AJAX ашигласан веб програм хангамжуудын ажиллагааны зарчим

Уламжлалт ба AJAX ашигласан веб програм хангамжуудын ажиллагааны зарчим

Веб сайт бүр заавал AJAX хэрэглэх ёстой юу?

Миний хувьд хариулт бол ҮГҮЙ. AJAX өөрийн гэсэн давуу ба сул талуудтай.

Давуу талууд

  • Веб хуудсанд янз бүрийн агуулгыг ер нь л агуулгыг өөр өөр эх үүсвэрээс нэгтгэн дуудаж харуулах. Зөвхөн шаардлагатай  мэдээллийг харуулах боломжтой. Ингэснээрээ веб сайтыг дахин дахин релоад хийхгүй байх, цаашлаад bandwidth -ийг хэмнэх гэх давуу талуудтай
  • Веб хуудсыг маш интерактив болгох. Хэрэглэгчийн оруулсан мэдээллийг шууд серверт илгээн шалгах гэх мэт
  • Веб серверийн ачааллыг багасгана. JS болон CSS үүд нь нэг удаа дуудагдаад л харин агуулга бүхий хэсэг нь солигдоод байх боломжтой.

Сул талууд

  • Веб броузерын history-д бүртгэхдэхгүй учир буцах товч ажиллахгүй. Энэ асуудлыг нэмэлт юм хийж байж шийддэг.
  • Боокмарк хийж чадахгүй. Тухайн хуудас дуудагдсны дараа агуулга нь солигдоод гараад ирэх боломжтой тэр солигдсон мэдээлэл бүхий хуудсыг хэрэглэгч боокмарй хийж чадахгүй.
  • Хайлтын системүүд бүртгэж чадахгүй. Ихэнх хайлтын системүүд JS -ийг ажилуулж үр дүнг нь бүртгэдэггүй. Гэтэл AJAX хуудас JS -ээр дуудагдаж гарч ирдэг.
  • Зарим хэрэглэгчийн компьютер JS ажиллахыг хаасан байдаг. Энэ тохиолдолд ажиллаж чадахгүй.

гэх мэт.

Би дараагийн хэсэгт JS дээр өөрөө AJAX үүсгэх мөн хамгийн өргөн хэрэглэгдэж байгаа Prototype JS framework дээр AJAX -ийг яаж хэрэгжүүлэхийг маш ойлгомжтой жишээн дээр тайлбарлана. Миний жишээнүүд энэ веб дээрээ шууд ажилладаг байхаар хийгдэх болно.

Categories: AJAX, Javascript Tags: , ,