jQuery json ajax function

Question

I am having a kind of a weird problem, or maybe I do not understand how js and jQuery is working.

I have a small js that is sending an id and a value using AJAX. After a lot of experimentation I finally found a working solution which is:

$.post('dashboard/xhrDeleteListing', "id=" + id, function() {
    alert(1);
});

However, I would like to use json format for the data part of the call. So what I did (to make sure that my JSON is correct) was the following:

var myJSON = {
    id: id
};
$.post('dashboard/xhrDeleteListing', JSON.stringify(myJSON), function() {
    alert(1);
}, 'json');

But this didn't work. First, php server didn't get anything (nothing in $_POST), second, the callback function didn't run (alert(1) was never executed). To my surprise, the following call did create a $_POST['id'] value:

$.post('dashboard/xhrDeleteListing', {'id': id}, function(z) {
    alert(1);
}, 'json');

but again the callback function didn't run. It only run after removal of 'json' datatype argument).

The version of jQuery is v1.11.0.

Can anyone help me to figure out what am I doing wrong?

Regards,

Mehran Hatami · Accepted Answer · 2014-01-27 11:11:37Z

1

The important point here is when you do this like:

$.post('dashboard/xhrDeleteListing', {'id': id}, function(z) {
    alert(1);
}, 'json');

the 'json' paramter is the dataType of data expected from the server, not from you to send.

It means in your backend after doing your server side task you have to return a valid json string but it seems you want to do a server action without any return value, that's why you have to remove 'json' from your arguments.

answered Jan 27, 2014 at 11:11

Mehran Hatami

13k6 gold badges31 silver badges36 bronze badges

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

Comments

Prashobh · Accepted Answer · 2014-01-27 11:09:53Z

0

var myJSON = {
    "id": "id"
};
$.post('dashboard/xhrDeleteListing', JSON.stringify(myJSON), function() {
    alert(1);
}, 'json');

answered Jan 27, 2014 at 11:09

Prashobh

9,58415 gold badges65 silver badges92 bronze badges

1 Comment

mikeyy Over a year ago

The id is a value. With your declaration "id" : "id" I am getting {"id":"id"}. But I did try "id": id, which generated {"id":"25"} which in turn didn't work either...

Makrand · Accepted Answer · 2014-01-27 11:14:21Z

0

Try this :

 $.ajax({
    url: 'dashboard/xhrDeleteListing',
    type : 'POST',
    dataType : 'json',
    data: {
      'id':id,
    },
     success : function(callback_record) {
       alert(callback_record);
    }
  });

answered Jan 27, 2014 at 11:14

Makrand

5855 silver badges14 bronze badges

Collectives™ on Stack Overflow

jQuery json ajax function

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related