v2.5.2
Giriş yap

php sayfada yenilemeden ajax ile linkler nasıl çalışır

onurnerde
284 defa görüntülendi

basaksehir adlı bir php dosyası olsun bu sayfada bulunan
fenerbahçe beşiktaş linkleri olsun bu linklere tıkladığımızda
galatasaray.php?=fenerbahçe
galatasaray.php?=besiktas
linklerinin içerikleri olan trabzonspor yansıtılsın nasıl yapabiliriz ?

bmathers
481 gün önce

Sayfamızda 3 adet buton bulunduğunu varsayalım.

<button class="fc-button" id="galatasaray">Galatasaray</button>
<button class="fc-button" id="fenerbahce">Fenerbahçe</button>
<button class="fc-button" id="besiktas">Beşiktaş</button>

.fc-button classı bulunan butonlara tıkladığımız zaman id değerini JQuery ve AJAX kullanarak "takim-detay.php" dosyasına post edeceğiz. Burada ID değilde class kullanmamızın sebebi id'den veriyi elde edeceğiz ve butonlar 3'den fazla olabileceğinden dolayı bu şekilde kullanmak daha mantıklı geldi :)

$(document).on('click', '.fc-button', function() {

    var buttonId = $(this).attr('id'); // Tıklanan butonun id değerini alıyoruz.
    
    $.ajax({
        url: "takim-detay.php",
        method: 'POST',
        data: {id: buttonId},
        success: function(response) {
            // Burada örneğin $('#content').html(response); benzeri bir kullanım yaparak 
            // gelen yanıtı #content olan bir elemente aktarabilirsin.
            console.log('POST işlemi başarılı: ' + response);
        },
        error: function(xhr, status, error) {
            console.error('POST işlemi başarısız: ' + error);
        }
    });
});

takim-detay.php dosyasının içerisinde $_POST'dan gelen veriyi kullanarak ekrana yazdırmak istediğin veriyi JSON formatında veya HTML formatında ekrana yazdırman yeterlidir. Javascript tarafında gelen yanıtı işlemelisin.

Ayrıca yukarıdaki javascript ajax kodlarında POST metodunu kullandım, POST yerine GET kullanılabilir.