getting undefined for the returned json

Question

$.ajax({


            type: "POST",
            url: "ajax.php",
            dataType: 'json',
            data:   "callback=bumpup_contact_us_entry&id=" + id,
            success: function(data){
             $.each(data, function(interval, message) {
                alert(message['request']);
 });

the php:

$the_return = array('request'=>'success','order_id'=>$order_id-1);

echo json_encode($the_return);

I could never get json to work for me. What am I doing wrong? The problem is isolated to this because returning html works fine.

Can you show some example JSON output? Can you confirm in Firebug that you are getting valid JSON back? — Pekka, Feb 20 '11 at 16:12
This might help you: http://stackoverflow.com/questions/249692/jquery-wont-parse-my-json-from-ajax-query — Shadow The GPT Wizard, Feb 20 '11 at 16:12

Luca Filosofi · Answer 1 · 2012-05-24T09:32:45.217

$the_return = array('request'=>'success','order_id'=>20);
echo json_encode($the_return);
//output: {"request":"success","order_id":20}

$.each(data,function(i, item) {
   alert( 'request: ' + data.request + ' id: ' +  data.order_id);
});

################################## BEAVIOURS ####################################

$the_return  = array( 'success' , 20 ); 
echo json_encode($the_return);
// output:  ["success",20] 

$.each(data,function(i, item) {
    alert('success: ' + item[0] + 'id: ' + item[1]);
});

$the_return['request'] = array( 'success' , 20 ); 
echo json_encode($the_return);
// output {"request":["success",20]}

$.each(data.request,function(i, item) {
    alert('success: ' + data.request[0] + 'id: ' + data.request[1]);
});

$the_return['message'] = array('request'=>'success','order_id'=>20);
echo json_encode($the_return);
//output: {"message":{"request":"success","order_id":20}}

$.each(data.message,function(i, item) {
    alert( 'request: ' + data.message.request + ' id: ' + data.message.order_id);
});

score 1 · Accepted Answer · answered Feb 20 '11 at 16:15

1

Try like this:

$.ajax({
    type: 'POST',
    url: 'ajax.php',
    dataType: 'json',
    data: { callback: 'bumpup_contact_us_entry', id: id },
    success: function(data) {
        $.each(data, function(index, message) {
            alert(message.request);
        }
    }
});

or:

$.post('ajax.php', { callback: 'bumpup_contact_us_entry', id: id }, function(data) {
    $.each(data, function(index, message) {
        alert(message.request);
    }
}, 'json');

answered Feb 20 '11 at 16:15

Darin Dimitrov

1,023,142
271
3,287
2,928

with the first example I get an error in firebug:second argument to Function.prototype.apply must be an array and gives me this as the response:{"request":"success"} I took out the order_id to simplify it – Adam Feb 20 '11 at 16:30
I ended up using your last example but with the .each since it's just going to be one json object. I have no idea why $.ajax was throwing me that error. – Adam Feb 20 '11 at 16:44

score 0 · Answer 3 · answered Feb 20 '11 at 16:13

0

Try message.request inside your anonymous function.

answered Feb 20 '11 at 16:13

Spencer Ruport

34,865
12
85
147

getting undefined for the returned json

3 Answers3