单击链接时如何执行Ajax代码?

时间:2016-11-14 16:53:30

标签: javascript php html ajax

我无法弄清楚问题出在哪里:

这是脚本:

<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,但它不起作用。

1 个答案:

答案 0 :(得分:3)

在此行之后您缺少逗号:

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

此外,如果您没有在元素后面出现脚本标记,那么您需要一个DOM ready包装器:

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

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

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