Php sayfa yenilemeden iletişim formu ?

Merhaba arkadaşlar,
modal popup penceremde iletişim formum var. kullanıcı bilgileri girince sayfa yenilenmeden altta başarılı gibi birşey yazmasını istiyorum. bunun için şu kodları yazdım ;

<script type="text/javascript"> 
	$(document).ready(function() {
	
		$.ajax({
        type:'POST',
        url:'php/iletisim_gonder.php',
        data:$('#iletisimform').serialize(),
			success: function (msg) {
				//Dönen sonucu ekranda gösterme
				$('#sonuc').html(msg);
			}
		});
		
	});
</script>

<form role="form" action="javascript:void(0);" method="post" id="iletisimform">
						
						<input name="ad_soyad" type="text" class="form-control siparisText" placeholder="Adınız & Soyadınız">
						<input name="telefon" type="text" id="tel" class="form-control siparisText" placeholder="Telefon">
						<input name="email" type="text" id="email" class="form-control siparisText" placeholder="Mail Adresiniz">


						
						
						<div id="sonuc"></div>
					
           </div>
           <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
                <button type="submit" class="btn btn-primary">Yolla !</button>
			</div>
		</form>

Aşağıdaki kodu verilerin gelip gelmediğini kontrol etmek için yaptım. geliyorsa yazdırmak istedim. veriler gelip istediğimi yazdırabilsem iletişim kodlarını yazacağım ;

if(isset($_POST["ad_soyad"]) && isset($_POST["telefon"]) && isset($_POST["email"])){

$ad_soyad = $_POST["ad_soyad"];
$tel = $_POST["telefon"];
$email = $_POST["email"];



echo $ad_soyad;
}

kısacası veriler gelmiyor. gelen veriyi veya başka bir yazıyıda (dönen veriyi) sayfa yenilemeden yazdırmak istiyorum.
ayrıca jquery plugini ekledim sayfama.

Sizin kodunuz: // Bu kod sayfa yüklendiğinde çalışıyor, bir butona basıldığında çalışmıyor ki, form verileri boş olduğundan göndermiyor olabilir. Post methodunda action'a void vermişsiniz daha önce böyle bir yöntem kullanmadım fakat şu şekilde yaparsanız olacaktır diye düşünüyorum.

Html Kısmı

<form role="form" id="iletisimform">
                   
                  <input name="ad_soyad" type="text" class="form-control siparisText" placeholder="Adınız & Soyadınız">
                  <input name="telefon" type="text" id="tel" class="form-control siparisText" placeholder="Telefon">
                  <input name="email" type="text" id="email" class="form-control siparisText" placeholder="Mail Adresiniz">
 
 
                   
                   
                  <div id="sonuc"></div>
                
           </div>
           <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
                <button type="button" class="btn btn-primary" id="yolla">Yolla !</button>
         </div>
      </form>

Javascript Kısmı:

<script type="text/javascript"> 
   $(document).ready(function() {
    
	$("#yolla").click(function(){
          $.ajax({
            type:'POST',
            url:'php/iletisim_gonder.php',
            data:$('#iletisimform').serialize(),
             success: function (msg) {
                //Dönen sonucu ekranda gösterme
                $('#sonuc').html(msg);
             }
          });
	});
       
   });
</script>

Ayrıca post geliyor mu gelmiyor mu diye php bölümünde şöyle bir kontrol yaparsanız ne geliyor ne gelmiyor görmeniz daha kolay olacaktır:

<?php

if($_POST){

print_r($_POST);

}

?>

Sayenizde sorunu çözdüm yani hala istediğimi yapamadım.
button click olayı çalışmıyor malesef. kodlarda doğru diğer sitelerimde de button click kodu vardı oradan da baktım doğru.
deneme amaçlı click olayının hemen altına alert("deneme") ekledim malesef çalışmıyor.

sayfamda font-awesome, bootstrap js ve css'leri var bu yüzden mi çalışmıyor acaba ?

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 18:27:37 -->-> Daha önceki mesaj 18:00:34 --

Arkadaşlar başka js ile çakışıyormuş düzelttim.

@DWather 'in verdiği kodları aynen yazdım sucsess kısmı çalışmıyor ne yapmam gerek ?

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 18:51:01 -->-> Daha önceki mesaj 18:27:37 --

Sorunu çözdüm konu kilitlenebilir.