AJAX أو Ajax هو JavaScript غير متزامن و XML. يتم استخدامه لتبادل البيانات مع الخادم وتحديث جزء من صفحة الويب دون إعادة تحميل صفحة الويب بأكملها على جانب العميل. لا يتداخل عرض وسلوك صفحة الويب الحالية على الإطلاق أثناء تبادل البيانات وتحديثها. يعتبر Ajax أيضًا مجموعة من التقنيات التي تحتوي على HTML و CSS و DOM و JavaScript التي تُستخدم للترميز والتصميم والسماح للمستخدم بالتفاعل مع المعلومات الموجودة على صفحة الويب. في هذه المقالة سوف يوضح لك كيفية كتابة برنامج بسيط بخطوات Ajax بخطوات باستخدام Notepad ++. مطلوب بعض المعرفة الأساسية بـ HTML و DOM و JavaScript وخادم ويب محلي أو خادم ويب بعيد. يستخدم WampServer في هذه المقالة للاختبار.
خطوات
طريقة 1 من 2: التشفير
3929304 1
الخطوة 1. جهز صورة لكتابة برنامج Ajax
احفظ الصورة في نفس المجلد حيث ستحفظ ملفات html وملفات نصية تعرض برنامج Ajax. في هذه المقالة ، تم إعداد دليل “ProgramInAjax” داخل مجلد “wamp” ضمن دليل “www” حيث قمت بتثبيت WampServer.
3929304 2
الخطوة 2. افتح أي محرر نصوص
يستخدم Notepad ++ كمحرر نصوص في هذه المقالة.
3929304 3
الخطوة الثالثة. قم بإنشاء ملف جديد في محرر النصوص
اكتب ما يلي:
أوه أوه! أين ذهبت الزهرة الصفراء؟
يمكنك كتابة ما تريد داخل تاجير html.
3929304 4
الخطوة 4. احفظ الملف كمستند نصي باسم “ajax-data.txt
” في الواقع ، يمكنك تسمية الملف بأي شيء تريده ولكن تأكد من إدخال اسم الملف نفسه في الترميز في هذا السطر:
xmlhttp.open ("GET"، "ajax-data.txt"، true) ؛
ومع ذلك ، يتم استخدام علامات HTML للرأس بحيث تبدو أكبر وغير مرئية بشكل أكبر.
3929304 5
الخطوة 5. إنشاء ملف جديد لصفحة ويب
هذا الملف مخصص لملف HTML لعرض برنامج Ajax في مستعرض ويب.
3929304 6
الخطوة 6. انسخ الكود التالي:
برنامج أياكس الأول من قبلي ضع كود Ajax أدناه.
انقر فوق الزر أدناه لجعل الزهرة تختفي
3929304 7
الخطوة 7. احفظ الملف
انقر فوق زر حفظ على شريط القوائم. مربع "حفظ باسم" مفتوح. أدخل اسمًا للمستند الخاص بك. في هذه المقالة ، اسم الملف هو "index".
3929304 8
الخطوة 8. انقر فوق سهم القائمة المنسدلة لاختيار امتداد الملف
في الحقل "حفظ كنوع" ، انقر فوق السهم المنسدل لاختيار امتداد الملف.
3929304 9
الخطوة 9. حدد "ملف Hyper Text Markup Language
” تأكد من وجود "html" داخل الأقواس. انقر فوق حفظ بعد تحديد "html".
3929304 10
الخطوة العاشرة. اختبر ملف HTML في مستعرض الويب
افتح صفحة الويب في متصفح الويب. انتقل إلى "تشغيل" في شريط القوائم العلوي. انقر فوقه وحدد "تشغيل في Chrome" أو أي متصفح يتم تثبيته في نظامك. يستخدم Google Chrome للاختبار في هذه المقالة. قد يكون لديك بعض المتصفحات الأخرى مثبتة في Notepad ++. يمكنك اختيار متصفحك المفضل. خيار آخر ، يمكنك النقر فوق رمز WampServer في أشرطة المهام في أسفل الشاشة وتحديد "Localhost". يجب أن ترى الدليل الخاص بك هناك والنقر فوق ملف الفهرس.
الخطوة 11. انقر فوق الزر الموجود أسفل الصورة لاختبار البرنامج النصي
3929304 12
الخطوة 12. صفحة الويب النهائية الخاصة بك
يجب تحديث صفحة الويب الخاصة بك بالمعلومات التي أدخلتها في الملف النصي في البداية. يجب استبدال الزهرة والرأس بالرأس الجديد المسمى “Oh oh! أين ذهبت الزهرة الصفراء؟"
الطريقة 2 من 2: شرح الكود
3929304 13
الخطوة 1. قسم الجسم
يحتوي نص HTML على قسم "div" وزر واحد. سيتم استخدام هذا القسم لعرض المعلومات التي يتم إرجاعها من الخادم. يستدعي الزر وظيفة تسمى "loadXMLDoc () ،" إذا تم النقر فوقه.
برنامج أياكس الأول من قبلي صورة تظهر هنا لاختبار برنامج Ajax.
انقر فوق الزر أدناه لجعل الزهرة تختفي
زر يذهب هنا
3929304 14
الخطوة 2. قسم الرأس
يحتوي قسم الرأس في ملف HTML على علامة نصية تحتوي على وظيفة "loadXMLDoc ()".
برنامج أياكس الأول من قبلي ضع كود Ajax أدناه.
الخطوة 3. مزيد من التوضيح
أهم شيء في Ajax هو كائن XMLHttpRequest. يتم استخدامه لتبادل البيانات مع الخادم وجميع المتصفحات الحديثة تدعم الكائن.
بناء الجملة لإنشاء كائن XMLHttpRequest () متغير = جديد XMLHttpRequest () ؛ ولكن في نفس الوقت ، فإن بناء الجملة لإنشاء إصدارات قديمة من Internet Explorer (IE5 و IE6) الذي يستخدم كائن ActiveX متغير = ActiveXObject جديد ("Microsoft. XMLHTTP") ؛.
من أجل التعامل مع جميع المتصفحات الحديثة ، يجب التحقق مما إذا كانت المتصفحات تدعم كائن XMLHttpRequest. إذا كان الأمر كذلك ، فإنه يقوم بإنشاء كائن XMLHttpRequest. إذا لم يفعل ذلك ، فسيقوم بإنشاء كائن ActiveX له.
ثم سيرسل طلبًا إلى الخادم. سيتم استخدام أسلوب كائن XMLHttpRequest المسمى "open ()" و "send ()". xmlhttp.open ("GET"، "ajax_info.txt"، true) ؛ xmlhttp.send () ؛.
نصائح
خيار آخر لمعاينة النتيجة ، يمكنك فتح متصفحك المفضل وكتابة “localhost / ProgramInAjax” في شريط عنوان الويب لعرض صفحة الويب. يجب أن تكون قادرًا على رؤية صفحة الويب إذا قمت بتسمية ملف HTML الخاص بك إلى "index.html".
احفظ ملف html الخاص بك في كثير من الأحيان أثناء عملك. سيؤدي الضغط على Ctrl و S في نفس الوقت لمستخدمي Window إلى توفير المزيد من الوقت.
تأكد من إضافة ملف HTML المحفوظ في نفس الموقع حيث توجد الصورة وملف نص البيانات.
عند تسمية ملف ، يكون حساسًا لحالة الأحرف عند إضافة هذه الأسماء إلى الكود. على سبيل المثال ، تختلف "myImage" عن "MyImage" أو "myimage".
مع ازدياد إمكانية الوصول إلى التكنولوجيا ، تزداد الحاجة إلى المبرمجين دائمًا. البرمجة هي مهارة يتم تعلمها وإتقانها بمرور الوقت ، ولكن على الجميع أن يبدأوا من مكان ما. هناك مجموعة متنوعة من اللغات المثالية للمبتدئين بغض النظر عن المجال الذي تهتم به (على سبيل المثال ، JavaScript ، إلخ.
Java (يجب عدم الخلط بينه وبين Javascript) هي واحدة من أكثر لغات البرمجة شيوعًا. Java هي لغة برمجة عالية المستوى يمكن استخدامها لتطوير تطبيقات لأنظمة تشغيل متعددة ، بما في ذلك Windows و macOS و Linux و Android. الطريقة التي تعمل بها Java هي تنزيل Java Development Kit (JDK) ، والتي تُستخدم لتطوير كود Java.
كثير من الناس يرون أن لغة فورتران هي لغة برمجة قديمة و "ميتة". ومع ذلك ، فإن معظم الكود العلمي والهندسي مكتوب بلغة فورتران. على هذا النحو ، تظل البرمجة في F77 و F90 مهارة ضرورية لمعظم المبرمجين التقنيين. علاوة على ذلك ، تسمح أحدث معايير فورتران (2003 ، 2008 ، 2015) للمبرمج بكتابة تعليمات برمجية عالية الكفاءة بأقل جهد ، مع الاستفادة من جميع ميزات اللغة الحديثة ، مثل OOP (البرمجة الموجهة للكائنات).
VBScript هي لغة برمجة Windows أصلية تُستخدم بشكل أساسي لإنشاء تطبيقات خادم الويب. تم تضمين VBScript في ملف HTML ، وهو بسيط إلى حد ما. لاحظ أن VBScript يختلف عن Visual Basic ، والذي يستخدم لبرمجة سطح المكتب. خطوات جزء 1 من 5: تهيئة بيئة التطوير الخاصة بك الخطوة 1.
لن تكون أبدًا أصغر من أن تتعلم كيفية البرمجة! إذا كنت طفلاً ، يمكن أن تكون البرمجة طريقة تعليمية لإنشاء مشاريع وسائط متعددة ممتعة. سواء جربت لغة برمجة مخصصة للأطفال أو لغة بسيطة مثل Python ، فإن تجربة الموارد عبر الإنترنت والممارسة بانتظام يمكن أن تساعدك على تطوير مهارات البرمجة.
