PHP ile JQuery ve AJAX'ı Nasıl Kullanırsınız?

[optimusprime]

Bu yazımızda GET ile bir veri gönderip ekrana yazdıracağız. Bunu yaparken jQuery ve AJAX kullanacağız. Tabiki sayfa yenilenmeden bunu yapacağız. İlk olarak getname.php ve index.html dosyasını oluşturup bunların içine kodlarımızı ekleyelim.


getname.php

scription">Kod:

 
    if ($_GET['name']):


        $name = $_GET['name'];


        $age = $_GET['age'];


        echo("Adınız : $name Yaşınız: $age");


    endif;

jQuery kullanmadan önce yaptığımız link kısmı şu şekilde oluyor.

description">Kod:

https://localhost/getname.php?name=webmaster

ekrana webmaster yazıldığını göreceksiniz. Şimdi de Jquery kullanarak yapalım.


index.html

    
    Get ile isim yazdırma
    


 



 
    $(document).ready(function() { 
          $('#buton').on('click',function(){ 
               $.ajax({ 
                    type: "GET", //GET ile göndereceğimi belirtiyorum.
                    url: "getname.php", //hangi dosyaya göndereceğimi belirtiyorum.
                    data: 'name=' + $('#name').val() + '&age='+$('#age').val(), //göndereceğim değer , istediğiniz kadar gönderebilirsiniz.
                    success: function(msg){ $('#nameyazdir').html(msg);} //başarılı olması durumunda yazılacağı alanı belirtiyorum. 
               }); // Ajax Call sonu
          }); //event kısmı sonu
     }); //document.ready sonu
 
// ŞU ŞEKİLDE DE YAPILABİLİR.
$(function(){
 $('#buton').on("click",function(){
 $.ajax({
 type: 'GET',
 url: 'getname.php',
 data: {name: $('#name').val(), age: $('#age').val()},
 success: function(data) {
 $('#nameyazdir').html(data);
 });
 });
});