Çalışmaz, çünkü kural böyle. muted eklemeniz lazım.
Şu an fark ettim aslında, bu iki kullanım arasında küçük bir nüans var, ikisi de belirli koşullarda çalışıyor, şöyle ki;
Eğer süslü parantez KULLANMAZSANIZ siz $.get veya $.post yöntemine (ve ajax a da aynı zamanda) kendiniz data ekleyemiyorsunuz. Yani bu örnekte siz posttaki verileri serialize() ettiğinizde $.get in data parametresine otomatik olarak key=value şeklinde veri koymuş oluyorsunuz. Yani ad=mehmet gibi oluştuğu için süslü parantez eklemeye gerek kalmıyor. Veri direkt olarak string formatında gönderiliyor. PHP tarafında da direkt olarak $_GET['ad'] şeklinde yakalayabilirsiniz. Ama ayriyeten diyelim id değeri eklemek isterseniz atıyorum bunu $.get metodu içerisinde yapamıyorsunuz.
Süslü parantez kullanınca da bu defa göndereceğiniz veriye bir isim vermeden gönderemiyorsunuz, örnekte dedim ya data adının yerine isterseniz siz veri yazın diye, işte bu şekilde elle bir key=value oluşturmak isterseniz süslü parantez açmak zorundasınız. PHP tarafında da bu veriyi sizin süslü parantez içinde verdiğiniz key değeri ile yakalarsınız.
Aslında serialize() işlemlerinde süslü parantez kullanmak işi biraz uzatmak gibi oluyor doğrudur. Başta ciddi bir hata demişim ama yanılmışım sanırım.
Zaten $.get veya $.post metodlarının dokümantasyon sayfalarına göz atarsanız data nın object ve string değerler alabileceğini görebilirsiniz. Umarım aradaki farkı açıklayabilmişimdir. Ben de yeni şeyler öğrenmiş oldum :)
Merhaba;
$.get kullanımında yine hata yapmışsınız, aşağıdaki kod ile karşılaştırırsanız hatanızı fark edebilirsiniz. Bir de jquery gibi js dosyalarını head kısmında değil de body etiketini kapatmadan hemen önce çağırırsanız sayfanın gözle görülen yüklenme hızı artar.
Her zaman güncel olmaya çalışın yani jquery nin son sürümünü kullanmaya gayret edin. Kod yapınız da güncel olsun. JQuery nin 3. sürümlerinden itibaren click, change... gibi direkt olay dinleyicileri kullanımdan kaldırıldı. He yine çalışır ama kullanılmması tavsiye ediliyor. Bunun yerine event lar için .on .trigger gibi metodlar öneriliyor.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Denemeler</title>
</head>
<body>
<form id="denemeFormu">
<label>Ad: <input name="ad"></label><br>
<input id="gonder" type="submit" value="gönder">
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="javaScriptFunctions.js"></script>
<script>
$("#denemeFormu").on("submit", function(e){
e.preventDefault();
$.get('ajax.php', {
data: $(this).serialize() // Buradaki data yazısı tamamen isteğe bağlı, siz isterseniz veri deyin
}).done(response => {
alert(`başarılı: ${response}`)
})
// Ben ajax işlemlerinde success fonksiyonuna karşılık gelen .done metodunu kullanmayı tercih ediyorum, daha hoş geliyor bana, tamamen tercrih meselesi. Bu kodun yaptığı işlemin aynısını aşağıdaki yorum satırında olan kod bloğu ile de yapabilirsiniz
/*$.get('ajax.php', {
data: $(this).serialize()
}, function (response) {
alert(`başarılı: ${response}`)
})*/
})
</script>
</body>
</html>
Muhtemelen index.js dosyasını jquery dosyasından önce sayfaya dahil etmişsiniz
@justatakan,hocam lütfen ezbere konuşmayalım, onlick ve/veya diğer eventları bu şekilde de dinleyebiliriz, bu kullanım yanlış değil
https://www.w3schools.com/jsref/event_onclick.asp
Sorunun sebebine gelecek olursak ajax kullanımında ciddi bir hata var, aynı sayfaya gönderiyorum diye url yani ajax ın tek zorunlu parametresini yazmamışsınız. Aynı sayfaya istek göndermek için url için window.location.href kullanın.
Hocam o kodlar bir şey ifade etmiyor, sadece toast çalıştırma kodları.
Siz bu dosyadaki kodları komple alıp çalıştırın, mantığını anlatmaya çalıştım, kendinize göre uyarlayın. jquery ajax metodunu bildiğinizi varsayıyorum
https://drive.google.com/file/d/1GrwkoJyiAWIdhWbI9KD3af2tH563gzHv/view?usp=sharing
Swal toast bildirimlerini sağlıklı bir şekilde görebilmek için işlemlerinizin ajax request olması lazım. En mantıklı yolu php tarafında bir json formatında yanıt göndermek olabilir. status diye bir değer verirsiniz, bu değer true ise js tarafında success toast false ise error toast tetiklersiniz.
Php 8 kullanıyorsan var, aksi taktirde yok.
https://stitcher.io/blog/php-8-named-arguments