Zugriff auf eine JQuery-Funktion nach einem Klick auf eine Schaltfläche

Question

ich diesen HTML Code habe:

<form class="add-to-cart-form"> 
 
     <input type="hidden" name="product-code" value="2" /> 
 
     <input type="submit" value="Add" class="button" onclick="addToCart('2');"/> 
 
    </form>

Und ein Javascript-Code:

function addToCart(product_id, quantity) { 
 
     quantity = typeof(quantity) != 'undefined' ? quantity : 1; 
 

 
     $.ajax({ 
 
      url: 'test.php', 
 
      type: 'post', 
 
      data: 'product_id=' + product_id + '&quantity=' + quantity, 
 
      dataType: 'json', 
 
      success: function(json) { 
 
       alert(json.message); 
 
      } 
 
     }); 
 
    }

IN der HTML-Datei anyt Ich klicke auf den Absenden-Button, anstatt mich zur Funktion addToCart zu bringen, wird das Formular abgeschickt.

Ich bin neu in Javascript und kenne wirklich nicht die Quelle des Problems. Bitte helfen Sie mir, dieses Problem zu lösen.

Answer 1

Wenn Sie auf eine Schaltfläche zum Senden klicken, wird das Formular standardmäßig gesendet. Wenn Sie das nicht möchten, müssen Sie das verhindern.