jQuery Ajax 请求不返回数据

Question

我有一组按钮，我想单击每个按钮，将数据发送到处理页面，然后将数据返回到 self html 并将类 click 更改为 更多。

无论如何，我的代码没有返回数据。我已经检查了chrome - network，我可以看到ajax处理成功，甚至在success:function中添加一个警报，我也可以得到它。我哪里错了？

index.php

$(document).ready(function(){
    $(".click").live('click',function() {
        $.ajax({
            type: "POST",
            url: "add.php",
            data: "add=ccc",
            dataType: "html",
            success: function(data){ 
                //alert('success');
                $(this).html(data).addClass('more').removeClass('click');
            }
        });
    });
});

<a class="click">bbb</a>

添加.php

<?php echo $_POST['add']; ?>

Answer 1

this 并不指向 success 函数内的链接。

在 $.ajax 调用之前添加 var self = this; 并在内部使用 self 而不是 this回调。

另一个选项是在 $.ajax 选项中使用 context: this。