Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Ajax ile sayfa yenilemeden veri eklemek istiyorum

Sayfada bulunan form da submit'e tıklanınca sayfa yenilenmeden form içeriğini aynı sayfada veri tabanına eklemek istiyorum.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

Cevaplar

  • 3
    melody adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    111 cevap - 45 soru


    function post() {
    var sc = $('#form').serialize() ;
    $('#loading').html('Kaydediliyor...');
    jQuery.ajax({
    type: 'POST',
    url: 'post.php',
    data: sc,
    error:function(){ $('.ok').html("Bir hata algılandı."); },
    success: function(veri) { $('.ok').html(veri);}
    });



    <form id="form">
    <input type="text" name="deneme" />
    <input type="button" onclick="post();" />
    </form>
    <div class="ok"><div class="loading"></div></div>
     


    post.php
    $deneme = $_POST["deneme"];
    
    echo $deneme;
     
  • 1
    fthkck adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    20 cevap - 6 soru
    Jquery kullanarak aşağıda ki gibi bir yol izleyebilirsin.Verileri post ettiğin sayfada çekip veritabanı kayıt işlerini hallediyorsun.<head> <title>Ajax ile veri ekleme</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $("document").ready(function(){ $("#btnkaydet").click(function(){ var param=$('form').serialize(); veriGonder(param); }); }); function veriGonder(param){ $.ajax({ type:'GET', url:'kayislemi yapilacaksayfa', data:param, success:function(cvp){ alert("Kayıt yapıldı."); } }); } </script> </head> <body> <form> Adi:<input type="text" name="txtad"><br> Soyadi:<input type="text" name="txtsoyad"><br> <input type="button" id="btnkaydet" value="Kaydet"> </form> </body> </html>