javascript - 如何在点击链接时执行 Ajax 代码？

Question

我不知道问题出在哪里:

这是脚本:

<script>
$(".icross").click(function(e){
    e.preventDefault();

    var obj = $(this);

    $.ajax({
     type: "GET",
     url: "supprimer.php",
     data: 'id=' + obj.attr('rel')



success: function(html){  

},

});
</script>

这是相关的 html 代码:

<a href="#" class="icross" title="Supprimer" rel="80"><i class="fa fa-times"></i></a>

我希望 ajax 在单击链接时执行supprimer.php?id=80，但它不起作用。

Answer 1

此行后面缺少一个逗号:

data: 'id=' + obj.attr('rel'),
                             ^

此外，如果您的脚本标签没有出现在元素之后，那么您需要一个 DOM 就绪包装器:

$(function(){
    // code here
});

<小时/>

旁注:除非您有充分的理由，否则我建议使用数据对象而不是像这样连接，因为通过传递对象，jQuery 将为您处理 URL 编码。

data: { id: obj.attr('rel') },