optimusprime
01.Aralık.2014, 12:35
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
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.
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);
});
});
});
getname.php
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.
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);
});
});
});