如何仅在单击弹出横幅时告诉 ajax 到运行特定的 URL？

Question

我试图在加载特定页面时弹出反馈横幅。这是

的代码

$(window).on('load', function() {
    $('#review_modal').modal('show');
});

现在我想要如果有人单击弹出横幅的任何按钮（Give feedback 或 No thanks），它会运行一个特定的 URL，它只是（从不显示该用户再次反馈）

这是我的错误代码

$(window).on('click', function() {
        $.ajax({
            type: "POST",
            url: "/update_feedback_status",
        });
    });

我对 ajax 非常陌生，但我需要尽快完成此操作。我该如何解决？ HO wto 告诉 ajax 单击意味着单击 #reviewmodal

弹出横幅的按钮

谢谢

Answer 1

您应该将 click 事件侦听器添加到弹出模型中的元素而不是 window。

例如：

<div id="review_modal" class="modal">
    <button>Give feedback</button>
    <button>No thanks</button>
</div>

<script>
$('#review_modal button').on('click', function() {
    $.ajax({
        type: "POST",
        url: "/update_feedback_status",
    });
});
</script>

如何仅在单击弹出横幅时告诉 ajax 到运行特定的 URL？

How to tell ajax to run particular URL only when a pop up banner is clicked?

javascript

ajax

jquery

如何仅在单击弹出横幅时告诉 ajax 到 运行 特定的 URL？

How to tell ajax to run particular URL only when a pop up banner is clicked?

javascript

ajax

jquery

如何仅在单击弹出横幅时告诉 ajax 到运行特定的 URL？