如何在点击链接时执行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') },