Ajax ile Nasıl Dinamik Olarak Veri Gönderilir? (Çok Basit)
Ajax ile Nasıl Dinamik Olarak Veri Gönderilir? JavaScript’in hayatımıza girmesiyle birlikte artık birçok şey kolaylaştı. Bunlardan biride dinamik olarak veri gönderip, çekme işlemi oldu. Bu yazımızda bir JavaScript kütüphanesi olan jQuery’nin fonksiyonu Ajax’ı ele alıcaz.
Ajax ile Dinamik Olarak Veri Gönderme
Ayrıca Okuyun: En İyi WordPress Güvenlik Eklentileri!
İlk önce bir index.html dosyası oluşturup HTML5 iskeletimizi oluşturalım.
<!DOCTYPE HTML>
<html>
<head>
<title>Ajax ile Veri Gönderme</title>
<meta charset="UTF-8"/>
</head>
<body>
</body>
</html>Daha sonra jQuery kütüphanemizi sayfamıza dahil edelim.
<!DOCTYPE HTML>
<html>
<head>
<title>Ajax ile Veri Gönderme</title>
<meta charset="UTF-8"/></head>
<body>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</body>
</html>jQuery’yi sayfamıza dahil ettikten sonra Ajax ile veri göndermeye başlayabiliriz. İlk önce script tagları arasına $.ajax(); yazıp içine süslü parantez açalım.
<script>
$.ajax({
});
</script>Ajax ile veri gönderirken izleyeceğimiz adımlar şunlardır;
1-Veri gönderilen url’nin adı yazılır.
2-Veri tipi yazılır.(POST, GET, JSON…)
3-Gönderilen veri(data) yazılır.
4.Eğer başarılı olursa ne yapılacağı yazılır.
Temel işlemler bunlardır. İleri seviyede veri gönderilirken ne yapılacağı, dizi halinde veri gönderme vs. işlemlerde yapılabilir.
Hadi şimdi bu adımları sırasıyla uygulayalım.
<script>
var veri = "Ajax Deneme";
$.ajax({
url: "islem.php",
type: "POST",
data: "veri="+veri,
success: function(data){
alert(data);
}
});
</script>İşte gönderme işlemi bu kadar. İlk önce göndereceğimiz url’yi yazdık. Ben islem.php’ye göndermeyi tercih ettim. Daha sonra tipini POST olarak belirttik. Siz GET, JSON gibi tiplerle de gönderme yapabilirsiniz. Data’mızı yani verimizide yazdıktan sonra son işlem olarak başarılı olursa bir fonksiyon çalıştırdık ve ekrana uyarı mesajı(alert) ile islem.php’nin verdiği yanıtı yazdırdık.
Peki bunları yaptıktan sonra bitmiş mi oluyor? Tabiki de hayır. Çünkü daha ortada islem.php yok ve ona gönderdiğimiz verileri almadık. Hemen islem.php oluşturup verileri alalım. POST methodu ile gönderdiğimiz için $_POST ile almamız lazım.
<?php
$gelen_veri = $_POST["veri"];
echo $gelen_veri;
?>Burada da çok basit bir kod yazdık. Sadece POST ile gelen veriyi aldık ve echo ile ekrana yazdık.
Ayrıca Okuyun: 2020’nin En İyi Akıllı Telefonları
“Meta accounts” replacing Meta app family for Metaverse opens to all users