Jquery Ajax Form Post Uygulaması
Javascript Jquery kütüphanesi ile ajax form post işlemini örnek bir uygulamada hazır hale getirdim. Kodları aşağıya bırakıyorum isteyen kolaylıkla kullanabilir. Dinamik olarak form atribute’leri çekerek işlem yaptığım için bu script’i include ederek tüm formlarınız için kullanabilirsiniz
<!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>Jquery Form Post</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form action="post.php" method="post" id="my_form">
<input type="text" name="adi" placeholder="Adınızı girin">
<input type="text" name="soyadi" placeholder="Soyadınızı girin">
<input type="submit" value="Gönder">
</form>
<div id="result"></div>
<script>
$("#my_form").submit(function(event){
event.preventDefault();
//Atributeleri çekelim
var post_url = $(this).attr("action");
var post_method = $(this).attr("method");
var form_data = $(this).serialize();
//Post edelim
$.ajax({
url: post_url,
type: post_method,
data: form_data
}).done(function(response){
$("#result").html(response);
});
});
</script>
</body>
</html>post.php
print_r($_POST);
Jquery Ajax kullanımı çok işime yaradı, en azından artık php ile post etmeden direkt arka planda post işlemlerini kolaylıkla yapabiliyorum. Çok teşekkür ederim makale için hocam.