İlginizi Çekebilir
  1. Ana Sayfa
  2. Teknoloji
  3. Ajax ile Nasıl Dinamik Olarak Veri Gönderilir? (Çok Basit)

Ajax ile Nasıl Dinamik Olarak Veri Gönderilir? (Çok Basit)

featured

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!

Ajax ile Nasıl Dinamik Olarak Veri Gönderilir?
Ajax ile Nasıl Dinamik Olarak Veri Gönderilir?

İ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ı

Bu yazıyı değerlendirmek için tıklayın!
[Toplam: 1 Ortalama: 5]

Yorum Yap

Yazar Hakkında

Sizler için güzel içerik hazırlamaya çalışıyoruz. Bunun için iyice araştırma yaparak dünyadaki ve ülkemizdeki gelişmelerden sizleri teknolojiden mahrum bırakmıyoruz.

Yorum Yap