Jquery Ajax Post refuses to work

Question

When attempting to use the JQuery Ajax post function, I have exhausted all the options I could think of for it to work. I just need to post the data to a PHP handler and pass 2 variables. I confirmed the function is being called fine when I comment out the post code (alert is called), but as soon as I uncomment the line, nothing happens. I am using Firefox but have also tried it with Chrome as well.

<script type="text/javarscript">
    function removeDatacenter( datacenter_id ) {    
        alert( datacenter_id );
        $.ajax({ 
           type: "POST", 
           url: "handler.php", 
           data: { action-type: 'remove_datacenter', id: '2' }
        });
    };
</script>

@Th0rndike Where did you get the idea it only accepts absolute paths? — Daedalus
– Daedalus, Commented Aug 1, 2013 at 8:35
I've had trouble when specifying relative paths. What does your handler look like, anyway? — Th0rndike
– Th0rndike, Commented Aug 1, 2013 at 8:37
Well, it does accept relative paths. Perhaps you are experiencing some bugs, but it does. Always read the documentation to be sure. — Daedalus
– Daedalus, Commented Aug 1, 2013 at 8:48

Bindiya Patoliya · Accepted Answer · 2013-08-01 08:50:18Z

3

You have to wrap action-type key object inside quotes because of '-' character:

You could rename it to ,e.g, actionType

$.ajax({ 
 type: "POST", 
 url: "handler.php", 
 data: { 'action-type': 'remove_datacenter', id: datacenter_id } 
})

edited Aug 1, 2013 at 8:50

Bindiya Patoliya

2,7821 gold badge18 silver badges16 bronze badges

answered Aug 1, 2013 at 8:37

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

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

5 Comments

user470760 Over a year ago

Why only action-type and not "id" as well? Just out of curiosity of course, trying it now.

A. Wolff Over a year ago

@BrettPowell no need to wrap id. You have to wrap key name when using special character as '-'

devnull69 Over a year ago

action-type (without quotes) will try to evaluate the expression action minus type. But this will fail. There should be an exception in your Javascript console, though.

A. Wolff Over a year ago

$.ajax().done(function(data){/*use data here*/}); You have to return something from your php script of course and then you can use 'data'. Here your ajax method will wait for data type text/html (default), if you want to get data in other format, you can specify it using ajax option dataType or use more specific ajax method as $.getJSON() e.g

user470760 Over a year ago

Thanks, was confused a bit. I have the .done(function(result)) and the alert box shows but all paths return a value in the handler (just dummy stuff like "YES", "NO") but the alert box shows an empty value when printing result.

Manish Kumar · Accepted Answer · 2013-08-01 08:40:14Z

1

$.ajax({ 
    type: "POST", 
    url: "handler.php", 
    data: { 
        'action-type': 'remove_datacenter', 
        id: 2
    } 
});

answered Aug 1, 2013 at 8:40

Manish Kumar

15.5k5 gold badges21 silver badges27 bronze badges

1 Comment

Bindiya Patoliya Over a year ago

What is the difference between your and roasted's answer?

Collectives™ on Stack Overflow

Jquery Ajax Post refuses to work

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related