Доступ к функции Jquery после щелчка на кнопке

Question

Я, имеющий этот HTML код:

<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>

И в яваскрипте кода:

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); 
 
      } 
 
     }); 
 
    }

В html-файле anyt ime, я нажимаю на кнопку отправки, вместо того, чтобы принимать меня к функции addToCart, форма отправляется.

Я новичок в javascript и действительно не знаю причину проблемы. Пожалуйста, помогите мне решить эту проблему.

Answer 1

Нажатие кнопки отправки имеет действие по умолчанию для отправки формы. Если это не то, что вы хотите сделать, вы должны это предотвратить.

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