I have a little experience in JSON I did it on my Android application now using JSON again in my webpage as AJAX reponse, I did research about ajax and found a tutorial to get my data in database using JSON so I tried but I didn't know how to parse the object.

My Jquery Code.

$.ajax({
    type: 'GET',
    dataType: 'json',
    url: 'functions/json.php',
    success: function(response){
   var json = $.parseJSON(response);
   alert(json.firstname) //where my response is $response['firstname']
},
error: function(data){
   var json = $.parseJSON(data);
   alert(json.error);
}
});

Using the php I echo the jsonArray as json_encode and heres the json output

{"id":"2","firstname":"john","lastname":"Doe"}

using google chrome console i got this error

Uncaught SyntaxError: Unexpected token o in JSON at position 1
at JSON.parse (<anonymous>)

when the function response output as alert(reponse) output was

[object Object]

I have a little experience in JSON I did it on my Android application now using JSON again in my webpage as AJAX reponse, I did research about ajax and found a tutorial to get my data in database using JSON so I tried but I didn't know how to parse the object.

My Jquery Code.

$.ajax({
    type: 'GET',
    dataType: 'json',
    url: 'functions/json.php',
    success: function(response){
   var json = $.parseJSON(response);
   alert(json.firstname) //where my response is $response['firstname']
},
error: function(data){
   var json = $.parseJSON(data);
   alert(json.error);
}
});

Using the php I echo the jsonArray as json_encode and heres the json output

{"id":"2","firstname":"john","lastname":"Doe"}

using google chrome console i got this error

Uncaught SyntaxError: Unexpected token o in JSON at position 1
at JSON.parse (<anonymous>)

when the function response output as alert(reponse) output was

[object Object]

• javascript
• php
• jquery
• json
• ajax

Share Improve this question Follow edited Apr 8, 2017 at 14:38 Raize Tech asked Apr 8, 2017 at 14:37 Raize TechRaize Tech 4522 silver badges99 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Don't parse it. You've told jQuery to:

dataType: "json"

So response is the parsed object, not JSON. Just use it directly:

$.ajax({
    type: 'GET',
    dataType: 'json',
    url: 'functions/json.php',
    success: function(response){
        alert(response.firstname);
    },
    error: function(data) {
        // `data` will not be JSON
    }
});

Also note that the first parameter to the error callback will not be JSON or the result of parsing JSON in the error callback.

See the documentation for details.