Question

I retrieve data from my database as such:

while($row = mysql_fetch_array($result))
{
    echo $row['uid'];
    echo $row['note'];
}

and I print it with ajax as such:

xmlhttp.onreadystatechange = function () {
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          console.log(xmlhttp.responseText)
      }
   }

but the problem is that the uid and note its one string. For example:

"45 note goes here"

How can I print each row separately. Something like this:

xmlhttp.onreadystatechange = function () {
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          console.log(  <?php echo json_encode($row['uid']); ?>  );
          console.log(  <?php echo json_encode($row['note']); ?>  );
      }
   }

Answer 1

You’re pretty much right. In your php script, return a json string, then in your javascript you can parse that string into a javascript object. So:

$json = array();
while($row = mysql_fetch_array($result))
{
   $json['uid']=$row['uid'];
   $json['note']=$row['note'];
}
print json_encode($json);

Then

xmlhttp.onreadystatechange = function () {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      var jsontext = xmlhttp.responseText;
      var json = JSON.parse(jsontext);
      console.log(json.uid)
      console.log(json.note)
  }
}