Reading from a PHP array in JQuery

Question

I seem to have trouble with getting data from a php array, I've looked at various examples of how to do this but I must be missing something because I can not get my code to work.

PHP method

function getLatestActivity(){
   $messages = array( 
      array('id'=>'01', 'value'=>'blah'),
      array('id'=>'02', 'value'=>'Oil'),
      array('id'=>'03', 'value'=>'Spark') 
   );

   echo json_encode($messages); 
   return;  
}

AJAX get functiom

function getLatestActivities(){
   $.ajax({
      type: "GET", url: "include/process.php", 
      data:{
         getLatestActivity: "true",
         toUser: "4",
         ignoreMessages:"1",
         dataType: "json"
      },
      success: function(data){
         $.each(data, function (i, elem) {
            alert(data.id);
         });              
      }
   });   
}

The alert prints out the message "undefined", any help would be appreciated thank you.

hsz · Accepted Answer · 2012-01-25 13:44:41Z

6

Try with - it's your single object now:

alert(elem.id);

answered Jan 25, 2012 at 13:44

hsz

153k63 gold badges268 silver badges320 bronze badges

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

8 Comments

hsz Over a year ago

Check, what is in data before $.each().

mk_89 Over a year ago

if I write "alert(data);" instead of the $.each() i get [{"id":"01","value":"blah"},{"id":"02","value":"Oil"},{"id":"03","value":"Spark"}]

hsz Over a year ago

So it has to be in elem variable.

mk_89 Over a year ago

If i write alert(elem) it prints out each character separately, e.g. [ { "

hsz Over a year ago

Add to $.ajax(): dataType: "json"

|

AD7six · Accepted Answer · 2012-01-25 14:36:36Z

It is quite likely that data isn't what you're expecting. You aren't setting any headers in your response, and as hinted at by @Sudesh dataType isn't in the right place. The result is that data is most likely a string because jquery will not parse it as json.

You're also referring to the wrong variable. data.id cannot exist with the data you are returning from php. you would need elem.id or if you prefer data[i].id if data did contain what you're expecting. As an aside - using $.each instead of a for loop is relatively inefficient.

You can check if that's the case with code such as:

function getLatestActivities(){
   $.ajax({
      type: "GET", url: "include/process.php", 
      data:{
         getLatestActivity: "true",
         toUser: "4",
         ignoreMessages:"1",
         dataType: "json"
      },
      success: function(data){
         console.log(data); // <- look at the response
         $.each(data, function (i, elem) {
            // alert(data.id); don't debug using alerts
            console.log(elem);
         });              
      }
   });   
}

If data is a string (or simply, not what you're expecting) this should get you closer:

function getLatestActivity(){
    ....
    header('Content-type: application/json');
    echo json_encode($messages); 
}

with

function getLatestActivities(){
   $.ajax({
      url: "include/process.php", 
      data:{
         getLatestActivity: true,
         toUser: 4,
         ignoreMessages:1,
      },
      success: function(data){
         console.log(data);           
         ...              
      }
   });   
}

data should at least then be an array.

Sudesh · Accepted Answer · 2012-01-25 14:14:05Z

0

I think dataType should not be part of data object rather should be sibling of success (options). I believe you are not getting data as JSON object rather just string because of it

answered Jan 25, 2012 at 14:14

Sudesh

1,1693 gold badges14 silver badges29 bronze badges

Collectives™ on Stack Overflow

Reading from a PHP array in JQuery

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related