How to execute Ajax code when I click on the link?

Question

I can't figure out where the problem is :

here is the script :

<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>

and here is the html code associated :

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

I want ajax to execute supprimer.php?id=80 when I click on the link but it doesn't work.

Define "it doesn't work". When you debug this, where/how specifically does it fail? — David
– David, Commented Nov 14, 2016 at 16:54
Looks like you might be missing a comma after data: 'id=' + obj.attr('rel') — Gavin
– Gavin, Commented Nov 14, 2016 at 16:57

MrCode · Accepted Answer · 2016-11-14 17:01:48Z

3

You're missing a comma after this line:

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

Also, if you don't have your script tag appearing after the element then you need a DOM ready wrapper:

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

Side note: unless you have good reason to, I recommend using a data object instead of concatenating like that, because by passing an object, jQuery will handle the URL encoding for you.

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

edited Nov 14, 2016 at 17:01

answered Nov 14, 2016 at 16:58

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Barmar Over a year ago

Commas at the end of an object or array are allowed and ignored (except by ancient versions of IE).

Collectives™ on Stack Overflow

How to execute Ajax code when I click on the link?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related