Jquery bir tabloya öğe ekleme

2 Cevap php

Ben db bir tabloya öğe eklemek için kullanabileceğiniz bir giriş kutusu var.

Bu şuna benzer:

<td>
  <form class="insCat" action="#" name="insertCat">
    <input name="categorienaam" type="text"> 
    <input class="insert" type="submit" value="nieuwe categorie">
  </form>
</td>

Ve ben jquery bu gibi ele

jQuery(".insert").click(function(){

  str = jQuery("form.insCat").serialize();
  console.log(str);

  jQuery.ajax({
    type: "POST",
    data: str + "&cmd=insert",
    url: "ajax_handler.php",
    success: function(msg){}
  });

  jQuery("div.result").empty();

});

Sayfa sonra her ekleme yenilenir beri Ama benim günlüğüne bir şey göremiyorum. Hangi ben istemiyorum.

Bu geçici bir çözüm yolu var mı?

2 Cevap

Sen Gönder düğmesini varsayılan olayı önlemek gerekir:

    jQuery(".insert").click(function(e){
            e.preventDefault();

            ...your code...    

            return false;
    });

Sen gönder düğmesi için olay işleyicisi iliştirmek, ve varsayılan olayın yürütülmesini durdurma değildir. Yani JS çalıştırır ve daha sonra biçim, normal olarak teslim edilir.

Form JS olmadan teslim alırsa ilk, (sayfanın üstüne bir link) "#" daha mantıklı eylem ayarlayın.

Sonraki, şeklinde değil, düğmesine olayı takın. O (örneğin metin girişi basılmasını enter tuşu gibi) diğer yollarla teslim alırsa bu şekilde yine çalışacaktır.

jQuery("form.insCat").bind("submit", yourFunction);

Bu varsayılan olay eylemi durdurur böylece, sonra işlevi düzenlemek.

var yourFunction = function(event){
  // do whatever you like then...
  event.preventDefault();
};

etiketler