JQuery formu göndermek Trouble

2 Cevap php

Ben bazı basit jQuery ile burada bir kayıp am. Ben ayrı bir dosyada aşağıdaki kodu var:

 $(document).ready(function(){
    //$("#trackit").click(function() {  

    $.ajax({
       type: "POST",
       url: 'include/trackit.php',
       data: "trackingNum=123456",
       success: function(data) {
         alert(data);
       }
    });

   //});  
});

Bu, gayet güzel çalışıyor sayfa yük bu uyarı penceresine beklenen veri döndürür.

Ama bu hattan yorumları kaldırmak eğer:

$("#trackit").click(function() {

formun Gönder düğmesini yakalamak için, hiçbir geri dönüş veri almak.

İşte kısaltılmış şeklidir info:

<form action="<?php htmlentities($_SERVER['PHP_SELF']);?>" name="tForm" id="tForm" method="post">

    <button type="submit" class="buttonTracking" id="trackit" name="trackit">Track It!</button>

</form>

Burada sadece bazı basit hata bakan muyum?

2 Cevap

Doğru çalışma kodu bu olurdu:

 $(document).ready(function(){
    $("#trackit").click(function() {  

    $.ajax({
       type: "POST",
       url: 'include/trackit.php',
       data: "trackingNum=123456",
       success: function(data) {
         alert(data);
       }
    });
    return false; // to cancel form submission and subsequent page refresh
   });  
});

Ben # trackit düğmesi de bir gönderme düğmesi olduğu için söylemek istiyorum. Tıklama eylem javascript yürütme VE formu göndererek. Size kodunu değiştirmek gerekir:

$(document).ready(function(){
  $("#trackit").click(function() {  

  $.ajax({
    type: "POST",
    url: 'include/trackit.php',
    data: "trackingNum=123456",
    success: function(data) {
      alert(data);
    }
  });
  return false;
 });  
});

etiketler