Как по нажатию на кнопку AJAX выполнить действие?

Question

[Максим Стихарев]

Здравствуйте! Есть кнопка

<a rel="nofollow" href="/product-category/products/?add-to-cart=615" data-quantity="1" data-product_id="615" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Добавить в корзину</a>

По нажатию нужно выполнить JS-функцию, пытался добавить onclick, у меня не работало. Помогите пожалуйста

Comments

[Алексей Ярков]

Нам функцию самим придумать?

Answer 1

[Morfeey]

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

<a rel="nofollow" class="mybutton" href="/product-category/products/?add-to-cart=615" data-quantity="1" data-product_id="615" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Добавить в корзину</a>

$(document).on("click", "a.mybutton", function () {
       $.ajax ({
           // your code
       });
        e.preventDefault();
});

Comments

[Максим Стихарев]

$("a.[data-product-id=5165]").on("click", function () {
    $.ajax ({
        yaCounter36554420.reachGoal('add-to-cart')
});
    e.preventDefault();
});

Почему то ругается на точку после yaCounter, в чем причина, не подскажешь?

joxi.ru/1A5KQgycKRly8m

[Morfeey]

Максим Стихарев, почитайте про метод ajax.