تحقيق وظيفة تحديث جزئي باستخدام AJAX باستخدام JS

AJAX هو اختصار “Asynchronous Javascript And XML” (JavaScript غير متزامن و XML)، وهو تقنية تطوير صفحات الويب التفاعلية.

AJAX = JavaScript و XML (جزء من اللغة العامة للعلامات).

AJAX هو تقنية تستخدم لإنشاء صفحات ديناميكية سريعة.

سأقدم لكم الآن كيفية تنفيذ وظيفة تحديث AJAX المحلي باستخدام JavaScript، والتفاصيل كالتالي:

من خلال تبادل بيانات قليل في الخلفية مع الخادم، يمكن لـ AJAX تحقيق تحديثات متزامنة للصفحة. هذا يعني أنه يمكن تحديث جزء من الصفحة دون إعادة تحميل الصفحة بأكملها.

//إنشاء جسم XMLHttpRequest
 var xhr=new XMLHttpRequest();
 //خط الطلب
 xhr.open('post','03-ajaxPost.php');
 //إعداد رأس الطلب
 xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
 //إعداد جسم الطلب post send بيانات
 xhr.send('name='+txt);
 //مراقبة استجابة الخادم
 xhr.onreadystatechange=function(){
 if(xhr.readyState==4&&xhr.status==200){ //هذا يعني استلام استجابة الخادم بنجاح
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 {}
 {} 

ما ذكرته أعلاه هو ما قدمته لك محرري هذا المقال من تنفيذ AJAX المحلي باستخدام JavaScript فقط، آمل أن يكون مفيدًا لك. إذا كان لديك أي استفسارات، فلا تتردد في ترك تعليق، وسأقوم بالرد عليك في أقرب وقت. وأود أيضًا أن أعبر عن امتناني لتعاطفكم مع موقع呐喊 التعليمي!