Sayfa yenilemeden veri güncelleme | Cevap #13463

Merhaba bir siteden kendi siteme veri çekiyorum fakat tek sorun veriyi sayfa
yenileme yapmadan güncellemiyor yani status.php içerisine veri çektiğim site
kodlarını ekledim ve kendi anasayfama ise div tagları arasına alttaki kodları ekledim
fakat dediğim gibi sitedeki veri değiştiğinde ben F5 atmak zorunda kalıyorum

<php>

    <div> <h4><?php echo $status1->nodeValue;?> </h4> </div>

</php>

Denediğim diğer kodlar

<php>

   <script>
        $(document).ready(function() {
        $("#istek").load("status.php");
        var refreshId = setInterval(function() {
        $("#istek").load('status.php?randval='+ Math.random());
        }, 3000);
        });
   </script>
     
   <div id="istek"> <h4><?php echo $status1->nodeValue;?> </h4> </div>

</php>

Amacımız status.php içindeki veriyi sayfa yenilemeden (AJAX ile)
güncellemek.
Senin denediğin yöntem aslında doğru ama birkaç ufak hata var:

<php> tagı yerine <?php ?> kullanmalısın. (Seninki HTML'de
geçersiz oluyor).\
div içine PHP koymana gerek yok, çünkü zaten status.php
içeriğini AJAX ile getiriyorsun.\
jQuery'nin çalışabilmesi için sayfanda jQuery'nin yüklü olduğundan
emin olmalısın.

✅ Çalışır Örnek

<!-- index.php -->
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>Status Güncelleme</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

   <div id="istek">
       Yükleniyor...
   </div>

   <script>
       $(document).ready(function() {
           // İlk yükleme
           $("#istek").load("status.php");

           // Her 3 saniyede bir tekrar yükle
           setInterval(function() {
               $("#istek").load("status.php?randval=" + Math.random());
           }, 3000);
       });
   </script>

</body>
</html>

status.php

<?php
// status.php
// Örnek: dış siteden veri çekiyorsun
// $status1 değişkeni burada hazırlanıyor
echo "<h4>" . $status1->nodeValue . "</h4>";
?>