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，用于获取点击的链接并将httprequest发送到带有id的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
}

如何使用AJAX / jQuery检查是否单击了链接

3 个答案: