Variable not working in simple Ajax post

Question

Can't seem to get the variable getID to work. I'm trying to change the html of the div. I know that the variable has the right value.

$('.cardid').change(function() {
    var getID = $(this).attr('value');

        $.ajax({
        type: "POST",
        url: "inc/change_thumbnail.php",
        data: "id="+getID,
        cache: false,
        success: function(data) {
            $("#"+getID).html(data);
            alert("success");
        },
        error: function (err) {
            alert("error"); 
        }
    });

});

What exactly does not work? How do you know the variable has the right value, have you logged it? — Bergi
– Bergi, Commented Jan 24, 2013 at 11:22

Sajith Joseph K · Accepted Answer · 2013-01-24 11:18:55Z

1

Write data in $.ajax as data: {id : getID}, instead of data: "id="+getID,

answered Jan 24, 2013 at 11:18

Sajith Joseph K

951 silver badge11 bronze badges

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

Comments

Denys Séguret · Accepted Answer · 2013-01-24 11:35:17Z

0

Use val to get the value of an input :

var getID = $(this).val();

As you're making a POST request, you should also use the data argument to let jQuery properly send the value :

$.ajax({
    type: "POST",
    url: "inc/change_thumbnail.php",
    data: {id:getID},
    cache: false,
    success: function(data) {
        $("#"+getID).html(data);
        alert("success");
    },
    error: function (err) {
        alert("error"); 
    }
});

edited Jan 24, 2013 at 11:35

answered Jan 24, 2013 at 11:09

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

3 Comments

Bergi Over a year ago

Maybe it's a checkbox input.

Joe Ainsworth Over a year ago

Thanks. It's a select option. For some reason thought it is not passing the data through correctly? The variable does not get passed in the url

Denys Séguret Over a year ago

You're making a POST request. You should probably use the data argument of $.ajax.

Jai · Accepted Answer · 2013-01-24 11:25:15Z

0

You can try this:

$('[id="'+getID+'"]').html(data);

and yes you should pass it this way:

data:{id:getID}

answered Jan 24, 2013 at 11:25

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Collectives™ on Stack Overflow

Variable not working in simple Ajax post

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related