• 07-08-2012, 04:30:09
    #1
    Sorun çözülmüştür
  • 07-08-2012, 05:30:24
    #2
    Çünkü formun submit edilmesinde yani gönderilmesinde jquery ajax işlemini gerçekleştiriyorsun. Submit butonunun click eventine ata ajax işlemini sorun çözülecektir.
  • 07-08-2012, 05:53:14
    #3
    Tam olarak anlayamadım dediğim gibi daha yeniyim birazdaha açıklayabilirseniz yada yapıp verirseniz ben hem öğrenmiş olurum hemde kod düzelmiş olur kodun düzelmesine yardımcı olun
    <form action="javascript:void(0);"> 
    <label>İsim :<input type="text" name="link" id="link" /></label>
    <input type="submit" value="Gönder" /> 
    </form> <div id="sonuc"></div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
    <script type="text/javascript">  
        $(document).ready(function(){ 
            $('form').submit( postgonder ) 
        }); 
         
        function postgonder() 
        {          
            $.post('ekle.php', $('form').serialize(),function(veri){$('#sonuc').html(veri)}); 
        } 
    </script>
  • 07-08-2012, 06:05:32
    #4
    Direk kopyala yapıştır olmasın senin verdiğin kodlar üzerinden anlatayım.
    Şimdi postgonder() metodun formdaki veriyi post ederek dönen veriyi idsi "sonuc" olan elementin içeriği olarak değiştiriyor. Bu kısımda bir sorunun yok zaten.
    Asıl mesele bu metodun ne zaman çalıştırıldığı. Senin kodlarına göre bu metod; sayfadaki form submit edildiğinde yani gönderildiğinde çalışıyor. Böyle olunca da önce formu gönderiyor yani sayfayı yeniliyor. Ardından metodu çalıştırıyor.
    Şu şekilde formu göndermeyi durdurarak çözebiliriz.
    $('form').submit(function(){
    		postgonder();
    		return false;
    	});

    Bu arada yaklaşık 36 saattir bir ekip çalışması içerisindeyiz. Uykusuzum o yüzden saçmalamış olabilirim. Kusura bakmayın şimdiden...
  • 07-08-2012, 06:10:44
    #5
    <script type="text/javascript">  
        $(document).ready(function(){ 
            $('form').submit(function(){
    		postgonder();
    		return false;
    	});
        function postgonder() 
        {          
            $.post('ekle.php', $('form').serialize(),function(veri){$('#sonuc').html(veri)}); 
        } 
    	
    </script>
    şeklinde yaptım fakat olmadı bu sefer hiç post edilmiyor acaba yanlışmı yaptım :/
  • 07-08-2012, 06:18:54
    #6
    Üyeliği durduruldu
    Bir de böyle dene bakalım.
    <script type="text/javascript">$(function(){ 
            $('form input[type=submit]').click(function(){ 
                var pd = $('form').serialize(); 
                $.ajax({ 
                    type : 'post', 
                    url  : 'ekle.php', // olmaz ise tam url yazıp deneyebilirsin. 
                    data : pd, 
                    cache: false, 
                    success: function(data){ 
                        //$('#sonuc').html(data); 
                    } 
                }); 
                return false; 
            }); 
        });  
    </script>