JSON.parse() throws unexpected token error. Don't know why?

Question

PHP

<?php

header("Content-type: application/json") ;
echo json_encode(array("reply" => "SOME_TEXT")) ;

?>

it echos this ->

{"reply":"SOME_TEXT"}

Javascript

<script>
$.get("script.php" , function(data) {
    var reply = JSON.parse(data) ;
}) ;
</script>

JS throws unexpected token in JSON. But it will working fine if I replace the header in PHP code with header("Content-type: text/javascript") or "text/plain".

Have you verified the JSON payload is valid? https://jsonlint.com/ — Scott Marcus, Jul 30 '17 at 19:58
If JS throws an error JSON is not valid - there is no reason to not trust it. — zerkms, Jul 30 '17 at 19:59
Use console.log("data" + data); to see if your script gets the correct JSON code. — onno204, Jul 30 '17 at 20:01

baao · Accepted Answer · 2017-07-30T20:02:28.773

5

jQuery parses the data automatically if the header is set to application/json, so you are trying to parse an object. You can use it without JSON.parse with the header set to application/json:

$.get("script.php" , function(data) {
    console.log(data.reply);
}) ;

As @charlietft commented,

using $.getJSON() instead of $.get() will also assure it is parsed

edited Jul 30 '17 at 20:02

answered Jul 30 '17 at 20:00

baao

71,625
17
143
203

2

using `$.getJSON()` instead of `$.get()` will also assure it is parsed and will go to error callbacks if not – charlietfl Jul 30 '17 at 20:01
Thanks! @charlietfl – baao Jul 30 '17 at 20:02

JSON.parse() throws unexpected token error. Don't know why?

1 Answers1