في هذا الدرس سنركز على تقنية أجاكس (AJAX)، ولن أقوم بإعادة اختراع العجلة أو أشرح من الصفر متى ظهرت هذه التقنية أو طريقة استخدامها مباشرة. ما سأشرحه فقط هو كيفية التعامل مع الأجاكس من خلال مكتبة jQuery.
ولنبدأ:
هناك ثلاث مستويات في المكتبة للتعامل مع الأجاكس:
- أولاً : load
- ثانياً : $.get و $.post
- ثالثا : $.ajax
الوسوم: AJAX ، JavaScript ، jQuery
التعريف بالحدث أو الأحداث
الحدث هو وقوع شيء ما، أي عندما نمرر الفأرة على رابط أو نضغط عليه فهذا يسمى حدث Event .
المثال ينطبق على كل العناصر داخل الصفحة
المثال الذي وضعته في الدرس السابق هو حدث click أي عندما نضغط على شيء نطلب منه ان يفعل كذا وكذا بلغة javascript
الأحداث في لغة javascript
وهي كالتالي:
- onClick
- onMouseover
- onMouseout
- onKeypress
الوسوم: AJAX ، JavaScript ، jQuery ، أحداث ، تأثيرات
قبل ان نبدأ درسنا أود أن تعرف أنك بحاجة إلى معرفة مسبقة باستخدام أوامر جافاسكريبت لأن المكتبة مبنية عليها، وكذلك معرفة أوامر html/xhtml css ولو القليل.
إذا وجدت نفسك على دراية بما ذكرت فكمل معي هذه الدروس وإلا فمن الأفضل لك أن تأخذ فكرة عن هذه المكتبة حالياً، وبعد تعلمك المطلوب تقرأ موضوعي مجدداً حتى تحقق أفضل فائدة :) عذراً على هذا الكلام ولكن هذا لمصلحتك عزيزي.
مكتبة JQuery هي عبارة عن دوال وأوامر تختصر عليك الكثير من الوقت والجهد. كذلك فيها مميزات رائعة، فتستطيع إضافة تأثيرات جميلة على صفحتك ومعالجة أحداث الصفحة بالمتصفح بسهولة ودون معالجتها بالخادم لما يستغرق من وقت.
يمكنك تحميل المكتبة من موقعها الرسمي www.jQuery.com وقم بتحميل آخر إصدار من المكتبة (الإصدار الحالي عند وقت كتابة هذا الدرس هو 1.2.6).
الوسوم: AJAX ، JavaScript ، jQuery
قام John Resig مخترع المكتبة العملاقة للجافاسكربت JQuery والذي يعمل حاليا لدى شركة Mozilla بتطوير نسخة من لغة Processing تعمل على Javascript و Canvas على المتصفحات. لغة Processing هي لغة برمجية و بيئة تطوير متكاملة IDE مفتوحة المصدر بُنيت لمجتمعات الفنون الألكترونية والتصاميم المرئية.
الوسوم: Canvas ، JavaScript ، jQuery ، Processing ، Processing.js