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>

现在，这是 jQuery 和 Ajax in twig 模板，用于获取点击的链接并将带有 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

防止使用 jQuery 的链接的默认行为preventDefault()。

有：

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

尝试：

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

Answer 2

你需要preventDefault。

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

Answer 3

我不知道我是否在这里找到了您，但这可能会对您有所帮助： http: //api.jquery.com/event.preventDefault/

$( "a" ).click(function( event ) {
     event.preventDefault();

     //your code
}