jQuery .append funktioniert nicht. .submit

Question

Ich habe eine AJAX-Funktion, die Daten aus der Datenbank mit einem einfachen select * ... zu einem div lädt. Die Funktion funktioniert ohne submit, aber wenn ich ein Formular verwende, funktioniert es nicht und #itemContainer ist leer. Fehle ich etwas? Ich habe sogar versucht:

$(document).ready(function() { 
    $("#myForm").submit(function() { 

aber auch

Mein Code hat nicht funktioniert:

<script id="source" language="javascript" type="text/javascript"> 
$("#myForm").submit(function() { 
    $.ajax({ 
    url: 'models/fetchUsers.php', //the script to call to get data 
    dataType: 'json', //data format 
    success: function(data) //on recieve of reply 
     { 
     $.each($(data), function(key, value) { 
      $('#itemContainer').append(value.user_id); 
     }); 
     } 
    }); 
}); 
</script> 

Answer 1

Sie nicht Formular-Vorlage Veranstaltung absagen haben.

hinzufügen preventDefault() in Ihrem einreichen

Gefällt Ihnen dieses

$("#myForm").submit(function(event) { 
    $.ajax({ 
    url: 'models/fetchUsers.php', //the script to call to get data 
    dataType: 'json', //data format 
    success: function(data) //on recieve of reply 
     { 
     $.each($(data), function(key, value) { 
      $('#itemContainer').append(value.user_id); 
     }); 
     } 
    }); 
    event.preventDefault(); 
}); 

aktualisieren:

event.preventDefault() ist depricated.

versuchen return false;

Gefällt Ihnen dieses

$("#myForm").submit(function(event) { 
    $.ajax({ 
    url: 'models/fetchUsers.php', //the script to call to get data 
    dataType: 'json', //data format 
    success: function(data) //on recieve of reply 
     { 
     $.each($(data), function(key, value) { 
      $('#itemContainer').append(value.user_id); 
     }); 
     } 
    }); 
    return false; 
}); 

Answer 2

Es ist zu verwenden, da Seite auf Formular-Vorlage neu geladen werden.

Behandeln Sie das Sendeereignis und fügen Sie return false hinzu.

<script id="source" language="javascript" type="text/javascript"> 
 
    $("#myForm").submit(function() { 
 
    submitForm(); 
 
    return false; 
 
    }); 
 

 
    function submitForm() { 
 
    $.ajax({ 
 
     url: 'models/fetchUsers.php', //the script to call to get data 
 
     dataType: 'json', //data format 
 
     success: function(data) //on recieve of reply 
 
     { 
 
      $.each($(data), function(key, value) { 
 
      $('#itemContainer').append(value.user_id); 
 
      }); 
 
     } 
 
    }); 
 

 
    }; 
 
</script>