Öncelikle jquery kütüphanesinden son sürümü indirin yada 1.5.1 sürümüde olabilir. Jquery.com adresinde bulunmaktadır. Kodlardaki ` tırnağını ' olarak değiştirin. İki farklı jquery işlemi gerçekleşmektedir. Yorum Yap yazısına tıklandıgında görünmez durumda olan form olanı gelecektir. Post edildiğinde ise div alanına sonuç sayfası gelecektir. a.php olan alana post işleminde olacak uyarı ve kodlamalar eklenecektir. İsterseniz biraz geliştirerek a.php ye basit bir jquery kodu ekleyerek, eğer yorum gönderildi ise form alanınıda gizleyebilirsiniz.
<?php ob_start(); ?> <script src="/js/jquery-1.5.1.js"></script> <script> function tikla (files,div,form) { $.ajax({ type:`POST`, url:files, data: $(`#`+form).serialize(), success:function (ajax) { $(`#`+div).fadeIn("slow"); $(`#`+div).html(ajax); } }) } </script> <div style="display:none;" id="yorumlar"></div> <div style="cursor:pointer; color:#336699; text-decoration:underline;" id="yorum_yap">Yorum yap</div> <div id="yorum_form" style="display:none;"> <form id="formadi" method="post"> <textarea name="yorumunuz" id="yorumunuz" rows="10" cols="30"></textarea> <input type="submit" value="kaydet"> </form> </div>
<script> $("#formadi").submit(function() { tikla(`a.php`,`yorumlar`,`formadi`); return false; }); </script>
<script> $("#yorum_yap").click(function() { $(this).hide(); $("#yorum_form").fadeIn("slow"); }); </script>
|
Php Ajax form post örneği metod jquery ... Php İle Form Post İşlemi Kod Örneği