اذهب الي المحتوي
منتديات ياللا يا شباب
مهندسة المنصورة

AJAX

Recommended Posts

السلام عليكم ورحمة الله وبركاته

smile.gif

 

بنسمع كتير عن حاجة اسمها AJAX ياتري ده ايه؟ انا كنت سمعت عنه بس مكنتش اعرف ايه ده بس عملت سيرش علي النت في اكتر من موقع واللي فهمته قلت اكتبه لحضراتكم

يارب تستفيدوا منه ولو اي حد عنده اضافة ياريت ميبخلش علينا بيها smile.gif

 

بداية هو اختصار asynchronous ********** and xml فهي تقنية تستخدم في تطبيقات الويب حيث تجعلها اكثر فاعليه واستجابة للمستخدم وهذه التقنية ليست جديدة وغير قائمة بذاتها فهي مجتمعة مع عدة تقينات منها html & java & css & xml

 

هذه التقنية ادخلت تطور كبير في مجال الويب حيث ساعدت في حل بعض المشاكل المتعلقة بالويب

 

طيب التقنية دي client side ولا server side ؟

 

طبعا اكيد بتقولوا يعني ايه الكلام ده بصوا معايا احنا عندنا لغات البرمجه بتتقسم لنوعين

اول نوع : client side

ودي لغات بيتم تطبيقها لدي المستخدم ومن هنا بالتالي يقدر يشوف الكود الخاص بيها زي ********** ومنها ايضـــــــــا AJAX

 

تاني نوع :server side

ودي لغات يتم تطبيقها لدي السيرفر حيث انها تقوم بارجاع صفحات بلغة html زي php

 

ابسط مثال عندنا في php اما بنطلب ملف معين بامتداد php من الويب سيرفر

هنا الويب سيرفر بيشوف الامتداد ومن هنا بيفهم انه لازم يبعته لمحرك php عشان يترجمه وهنا يقوم بتنفيذه وبعدين يبعته للمتصفح بلغة مفهومة وهي html

 

طيب ليه نستخدم التقينة دي وايه هي مميزاتها ؟

 

الاول عايزين نعمل مقارنة صغيرة كده بعد استخدام التقينة دي وقبل استخدامها

قبل استخدام هذه التقنيه

لما كنا بنطلب حاجة من السيرفر كان بيقوم بمعالجة البيانات وارسالها في صورة ملفات html للمتصفح وبالتالي هنا كان بيقوم بتحديث كامل للصفحة وبكده المستخدم يظل منتظر حتي يأيته الرد من السيرفر

 

بعد استخدام هذه التقنية

هنا الامر يختلف حيث يتم ارسال فقط طلب بالجزء المراد تحديثه وهذا عن طريق محرك الاجاكس وهو برنامج جافا سكريبت يقوم بارسال الطلبات للمخدم لحظة كتابتها وبالتالي ليس هناك حاجة لتحديث الصفحة بالكامل وبالتالي المستخدم في نفس الصفحة يواصل عمله والطلب يتم ارساله وتحديث الجزء المطلوب يتم كل ذلك يحدث دون ان يشعر المستخدم بعملية التحميل هذه

 

 

مثــــــــــال للتوضيح

 

نفترض ان لدينا صفحة ويب بها قائمةاسماء وانا اريد تسجيل اسمي بالتالي اقوم بكتابة الاسم وبعدين اضغط علي زر اضافة

 

طيب عايزين نشوف الفرق في كلا من

 

 

تطبيقات الويب التقليديه , تتم إرسال القيمه الجديده الى السيرفر , يقوم السيرفر بعمليه معالجه لهذه البيانات (تخزينها في قاعده البيانات مثلاً) , ويقوم السرفر بإرسال صفحه جديده تحتوي علي القائمة المعدله بالاسم الجديد المضاف وبالتالي يتم تحديث الصفحة كاملة هنا بالكامل علي الرغم من اننا اضفنا فقط اسم ومن هنا اضااعة كبيرة للوقت وبالتالي يعتبر مشكله في الصفحات ذات المحتوى الكبير مثل صور والفلاشات , حيث انه يتم اعاده تحميل كل الصفحه مع تعديل طفيف فيها ..

 

بينما في تطبيقات الويب القائمه على تقنيه الاجاكس تقوم تطبيقات الاجاكس بإرسال القيمه التي إضافها المستخدم الى السيرفر في الخلف "بحيث لايشعر المستخدم , حيث يتم فتح إتصال فرعي بالسيرفر ومن ثم تعديل الجزء المراد من الصفحه , ولكن هذا التعديل يتم عند المستخدم "من خلال سكربتات يشغلها المتصفح تقوم بتعديل الصفحه " . نلاحظ , انه بهذه الطريقه سوف يتم توفير كثير من مصادر الشبكه لان كميه البيانات التي سوف يتم تبادلها قليله (حيث انه لاداعي الان ان يقوم السيرفر بإعاده ارسال كامل الصفحه الى المتصفح) , وايضاً الوقت , وسوف تصبح الصفحه , اكثر إستجابه للمستخدم ..

 

 

 

وبالتالي من اهم مميزاتها

1- لتخفيف الضغط علي السيرفر وسهولة التعامل معه بان جعل المتصفح يساعده في بعض المهام والتعامل معه من خلال الاستعلامات

2- خفة التصفح بان جعل المتصفح لايعيد تحميل الصفحات كامله بل فقط الجزء المراد تحديثه

3- بالتالي توفير الوقت

4- قابلية النقل فهذه اللغة فيها ميزة رائعة جدا حيث يمكنك تطبيقها من بيئة لاخري دون اي تعديلات وترجع هذه الميزة لانها تستخدم الجافا وXML وهما مدعومتان من كل المتصفحات

5- امكانيه الربط بين العميل والسيرفر دون ان يشعر المستخدم

 

طيب ايه هي السلبيات ؟

بما ان الصفحة لا يعاد تحميلها من جديد فالبتالي يتم الغاء زر الرجوع للخلف كذلك لايمكن اضافة الصفحة التي يشاهدها للمفضلة وانما يضيف فقط الصفحة الرئيسية التي دخلها اول مرة

 

ملفات الجافا سكريبت التي يتم تحميلها مع صفحات التطيبق دون ان يعلم االمستخدم يمكن ان يتم استغلالها لاختراقه وبالفعل استخدمت الجافا سكربت من قبل في اعمال الاختراق والهاكرز

 

التاخير في الرد من قبل السيرفر حيث انها تختصر علي المستخدم اعادة تحميل الصفحه من جديد وبالتالي يجعل السمتخدم في حيرة لانه لا يجد تفاعل من النظام وهو انه لا يجد اشارة يفهم منها ان الطلب ارسل حيث انها تخفي عن المستخدم الاحساس بوجود ارسال واستقبال من قبل العميل والسيرفر

 

 

اتمني اكون قدمت معلومة مفيدة

 

سلام عليكم ورحمة الله وبركاتهsmile.gif

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

مقال رائع

جزاك الله كل خير ،، ودخول قوى ما شاء الله

 

الأجاكس تقنيه رائعه غيرت فى مجال عملنا نحن مطورى الويب الكثير ،، وأضافت بعداً جديداً للتقنيه فى عالم الويب

شكراً مره أخرى لموضوعك الجميل - ومرحاً بك معنا

 

تحيتى لك

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

:teeth_smile: :teeth_smile: :teeth_smile: :teeth_smile: :teeth_smile: :teeth_smile:

 

بسم الله ما شاء الله ... موضوع جميل جدا أختي

 

بجد لغة الاجاكس تعتبر طفرة كبير ة جدا في برمجة الويب ..

 

فمع اذدياد الضغط على شبكة الانترنت فإن لغة الاجاكس هي الحل الوحيد لتخفيف هذا الضغط

 

لغة الاجاكس تحس معها بالانبهار .. لأنها تيسر الامور كثيرا على المستخدم

 

لغة الاجاكس ماهي الا بداية الطريق لويب المستقبل .. فعلى الرغم من امكانياتها العالية الا انها بها بعض السلبيات كما ذكرتي أختي

 

فكثيرا ما تأتي بأخطاء و تفشل في الاتصال بالسيرفر .. الى جانب مشكلة الهاكرز و اللي لازم يكون ليها حل جزري لأنها كما ذكرتي فإن الاتصال يحدث مع السيرفر بدون ان يحس المستخدم ,, و طبعا ده هو اللي عايزه الهاكرز ان المستخدم ميحسش باللي يحصل ليه

 

عموما ... الاجاكس ده مجرد اول درجة من سلم ويب المستقبل .. نتمنى ان نستطيع كمبرمجين عرب ان نواكبها و يكون لنا دور في تطويرها

 

آسف جدا اختي مهندسة المنصورة على الاطالة و لكن الموضوع يستحق اكثر من ذلك

 

بجد موضوع راااااائع جدا .. و استفدت منه كتير

 

نتمنى منك المذيد من الافادة ... جزاكي الله خيرا

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر
مقال رائع

جزاك الله كل خير ،، ودخول قوى ما شاء الله

 

الأجاكس تقنيه رائعه غيرت فى مجال عملنا نحن مطورى الويب الكثير ،، وأضافت بعداً جديداً للتقنيه فى عالم الويب

شكراً مره أخرى لموضوعك الجميل - ومرحاً بك معنا

 

تحيتى لك

 

جزانا واياكم ان شــــــــــاء الله

وباذن الله ربنا يوفقني ومش تكون اخر مرة

واهلا بحضرتك بجد انا بحمد ربنا جدا اننا وصلت لمنتدي بالقوة والامتياز ده

متشكرة جدا علي مرور حضرتك

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر
:teeth_smile::teeth_smile::teeth_smile::teeth_smile::teeth_smile::teeth_smile:

 

آسف جدا اختي مهندسة المنصورة على الاطالة و لكن الموضوع يستحق اكثر من ذلك

 

 

بجد موضوع راااااائع جدا .. و استفدت منه كتير

 

نتمنى منك المذيد من الافادة ... جزاكي الله خيرا

 

جزانا واياكم ان شاء الله خير الجزاء

اضافة حضرتك اكيد وضحت الامور اكتر

جزاكم الله خيرا علي المرور ومتشكرة جدا علي الردود المحفزة دي

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

بجد لغة الأجاكس من اللغات الجميلة جداً واللي بتعجب المستخدم جداً جداً ...

 

تأثيراتها بتدي للصفحة حياة ..

 

ياريت لو تكملي معانا السلسلة بإحضار دروس في الأجاكس ...

 

جزاكي الله كل خير يارب وأكرمك وأعزك ...

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

جزاكي الله كل خير يارب وأكرمك ...

شارك هذه المشاركه


رابط المشاركه
شار ك علي موقع اخر

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

زائر
اضف رد علي هذا الموضوع....

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • اضف...

Important Information

By using this site, you agree to our Terms of Use, اتفاقيه الخصوصيه, قوانين الموقع, We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue..