javascript - 如何使用 AJAX/jQuery 检查链接是否被单击

Question

我正在尝试在不刷新页面的情况下删除链接，并且我希望 jQuery 捕获 http 请求并将其发送到执行删除操作的特定 URL。但是，为了使其工作，我需要能够使用 jQuery/Ajax 来获取单击的链接并将其作为 http 请求发送。

这是链接:

<a href='http://example.com/delete.php?id=243'> <span class='delete'>delete this</span> </a>

现在，这是twig模板中的jQuery和Ajax，用于获取单击的链接并将带有id的httprequest发送到delete.php，以便可以删除id。

$(document).ready(function() {
        $(".delete").click(function(){
           $.ajax({
                type: "GET",
                url: "{{ path('http://example.com/delete.php?id=243'}}",
                cache: "false",
                dataType: "html",
                success: function(result){
                    $(".success").append(result);
                }
            });
        });

        }

但是上面的函数只是让页面在点击时导航到链接。

Answer 1

您需要preventDefault。

 $(".delete").click(function(e){
   e.preventDefault()
   $.ajax({
   ..