انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: AJAX Introduction

AJAX Example

ajax : هي عبارة عن تقنية وليست لغة برمجة تستخدم في بنا تطبيقات ويب سريعة باستخدام " HTML , CSS , XML , JavaScript " وفي هذا الدرس سوف نتعرف عليها بالتفصيل وعلي اهميتها 

1 صفوف تعليمية
جافا سكريبت
3,408 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في المثال التالي

  •  تحتوي صفحة الويب علي كل من العنصرين "div" و "button " 
  • <div> يقوم بعرض المعلومات التي تم ارسالها من الخادم في صفحة الويب 
  • <button> يقوم بأستدعاء الدالة عن الضغط عليه 
  • loadDox function : تستخدم في ارسال الطلب request الي الخادم واستلامها وعرضها 

Function loadDoc()

HTML 
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax.txt", true);
  xhttp.send();
}

الملف الذي تم استخدامه في المثال السابق وهو "ajax.txt" يحتوي علي بعض النصوص البسيطة وهي تمت اضافتها بداخل الملف علي الشكل التالي

HTML 
<h1>AJAX</h1>
<p>AJAX is not a programming language.</p>
<p>AJAX is a technique for accessing web servers from a web page.</p>
<p>AJAX stands for Asynchronous JavaScript And XML.</p>

جميع فقرات هذا الدرس (AJAX Introduction)