Блог

Итак, у меня есть эта проблема с запросом на публикацию. Мне это нужно для того, чтобы обновлять информацию без перезагрузки страницы. Вот мой код мопса:

 .tinder--buttons
            form(id="form1")
                button#love(type="submit")
                    i.fa.fa-heart
 

А вот код из файла javascript:

 (document).ready(function() {
    $("button").click(function () {
        console.log("Got there");
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "gono",
            data: {
                place: places[0].placeId, 
            },
            success: function (result) {
                alert('ok');
            },
            error: function (result) {
                alert('error');
            }
        });
    });
});
 

Я уже пытался изменить описание на

 $("button").on('click', function()
$("#love").on('click', function()
 

и другие варианты, но для начала он даже не выполняет запрос, так как журнал консоли не работает. Что я делаю не так? Любые предложения более чем приветствуются.

Вы должны прикрепить событие к родительскому контейнеру, используя .on('click') который всегда будет присутствовать в DOM, и передать селектор целевого элемента в качестве второго параметра, как показано ниже.

  $(document).ready(function() {
        $(document).on('click', "#love", function () {
            $.ajax({
                type: "POST",
                url: "gono",
                data: {
                    place: places[0].placeId, 
                },
                success: function (result) {
                    alert('ok');
                },
                error: function (result) {
                    alert('error');
                }
            });
        });
    });