How to get json value

Question

I am using jquery ajax for calling PHP

PHP

$response = array('isSuccessful'=> true , 'currentId'=> $currentId);
$response = json_encode($response);
echo $response;

Success() in ajax

success:function(data){
                var currentData=data;
                console.log(currentData);
                var s=currentData.currentId;
                console.log(s);
            }

Output is

{"isSuccessful":true,"currentId":13} 
undefined

What is the mistake i made.

Are you also using jQuery? Can you show some more of the call in ajax, please? — Francisco Presencia
– Francisco Presencia, Commented Mar 22, 2014 at 4:53
$.ajax({ type:"POST", url:"php/registerDetails.php", data:data, success:function(data){ var currentData=data; console.log(currentData); var s=currentData.currentId; console.log(s); }, error:function(jqXHR, textStatus, errorThrown){ console.log(errorThrown); }, }); — Mohaideen
– Mohaideen, Commented Mar 22, 2014 at 4:55
1) Open the ajax url in browser and make sure it has only json string and no other extra characters. 2) Use a content-type:json header in php 3) Specify dataType as json in jquery request — SajithNair
– SajithNair, Commented Mar 22, 2014 at 4:58

Amal · Accepted Answer · 2014-03-22 04:56:18Z

1

You also need to send the correct headers (which in this case is application/json):

$response = array('isSuccessful'=> true , 'currentId'=> $currentId);
$response = json_encode($response);
header('Content-Type: application/json');
echo $response;

Or if you want to parse it yourselves, then you can use $.parseJSON(data), but make sure to manage the error thrown if the parsing fails.

answered Mar 22, 2014 at 4:56

Amal

76.8k18 gold badges133 silver badges154 bronze badges

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

Comments

Francisco Presencia · Accepted Answer · 2014-03-22 05:20:50Z

You are missing the dataType in the ajax call, as can be read in the ajax documentation.

$.ajax({
  type:"POST",
  url:"php/registerDetails.php",
  data:data,
  dataType:"json",
  success:function(data){
    var currentData=data;
    console.log(currentData);
    var s=currentData.currentId;
    console.log(s);
    },
  error:function(jqXHR, textStatus, errorThrown){
    console.log(errorThrown);
    },
  });

This is normally not required (for example, if you set the headers and let jquery guess it), but I'd recommend making sure that jquery knows the data it's receiving and handling the error if any than relying on a script on another page with another language to make sure of your data integrity.

Collectives™ on Stack Overflow

How to get json value

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related