جلب محتوى من قاعدة البيانات دون تحديث الصفحة php

سوف نقوم بعمل استعلام لتشغيل شيفرة PHP كل 5 ثواني عن طريق AJAX وتحديث قيمة الحقل في صفحة HTML

اعطٍ هذا ال div معرف خاص id للعنصر لديك

<div id="humidity" class="sensors_type" > الرطوبة </div>

أضف الشيفرة التالية في آخر جزء body

<script>
// دالة تقوم بعمل استعلام
// AJAX
function loadHumidity() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("humidity").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "php_page.php", true);// هنا اسم ملف PHP مع مساره
  xhttp.send();
}
setInterval(loadHumidity,5000); // تنفيذ الاستعلام كل 5 ثواني
</script>

set interval يستدعى الدالة لتي تحدث قيمة div لعرض الرطوبة..

وفي شيفرة PHP نطبع قيمة الرطوبة

echo $value_h;