Canlı maçların dakikalarını değiştikçe güncel olarak sayfayı kasmadan nasıl gösteririm - Sayfa 2

26-02-2018, 12:17:04

#10

Konya

Kimlik doğrulama veya yönetimden onay bekliyor.

Nodejs bilmiyorum ajax ile mantık yürütemedim ufak bir örnek verebilirmisiniz bir çok yöntem denedim hepsi başarısız oldu

26-02-2018, 14:59:56

#11

Thon

Kurumsal PLUS

Konya adlı üyeden alıntı: mesajı görüntüle

Nodejs bilmiyorum ajax ile mantık yürütemedim ufak bir örnek verebilirmisiniz bir çok yöntem denedim hepsi başarısız oldu

O kadar uğraşmana gerek yok sadece listeyi farklı bir php dosyasından çek göstereceğin kısımdada dakikada bir ajax ile post et. İster veritabanından ister canlı olarak direk çektiğin kısımda güncellendiği anda sayfa yenilenmeden güncellencektir. Örneği aşağıya koydum kodlarıda atıyorum kendine göre düzenlersin. Saniyede bir gönderiyor 1000 yazan kısmı kendine göre ayarlarsan ona göre değiştirirsin veriyi.

Örnek Demo

getMatch.php

<style>
    table tr td{
        padding:10px;
        width: 100px;
    }

    table tr td.dakika{
        color:#008000;
        font-weight: bold;
        width: 20px;
    }
</style>
<?php
$matchList = [
    '1' => [
        'id' => '11',
        'evsahibi' => 'Fenerbahçe',
        'misafir' => 'Galatasaray',
        'dakika' => rand(10, 90)
    ],
    '2' => [
        'id' => '12',
        'evsahibi' => 'Beşiktaş',
        'misafir' => 'Arsenal',
        'dakika' => rand(10, 90)
    ],
    '3' => [
        'id' => '13',
        'evsahibi' => 'Barcelona',
        'misafir' => 'Celtic',
        'dakika' => rand(10, 90)
    ],
];

foreach ($matchList as $id => $value) {
    echo '
    <table border="1">
        <tr>
            <td class="dakika">'.$value['dakika'].'"</td>
            <td>'.$value['evsahibi'].'</td>
            <td>'.$value['misafir'].'</td>
        </tr>
    </table>
    ';
}

index.php

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            gonder();
            var int=self.setInterval("gonder()",1000);
        });

        function gonder(){
            $.ajax({
                type:'POST',
                url:'getMatch.php',
                success: function (msg) {
                    $("#sonuc").html(msg);
                }
            });
        }
    </script>
</head>
<body>
<div id="sonuc"></div>
</body>
</html>