Not able to pass PHP array to jquery: unexpected non-whitespace character after JSON data

Question

Here is what I have in PHP:

$arrayresults = array();
while($popularbrushesrow = mysql_fetch_array($popularBrushes)){

$arrayresults[]  = '<a href="brushdescription.php?id='.$popularbrushesrow['bd_brushid'].'"><img class="slideImg" alt="'.$popularbrushesrow['bd_brushname'].'" title="'. $popularbrushesrow['bd_brushname'].'" src="'.$popularbrushesrow['bd_imagefilepath'].'"  /></a>';

}

echo json_encode($arrayresults);

Now, jquery:

$.ajax({
    type:'GET',
    url:'getDataForSlide.php',
    data:"limit="+limit+"&required="+required,
    dataType:"json",
    cache:true,
        success: function(result){
     var arrayFromPHP = JSON.parse(result);
     alert(arrayFromPHP);
  }
})

Could someone please help me out. Whats the correct way to form an array in JSON?

Are you actually returning anything? is that data actually appending to the GET? — Kylie
– Kylie, Commented Jun 18, 2013 at 21:10
If you specify the datatype, jQuery will already parse the JSON for you. — Brad M
– Brad M, Commented Jun 18, 2013 at 21:10
do a console.log(result) and see what comes through. Probably you've got a shutdown script or something outputting non-json data AFTER your json_encode call, leading to the error. e.g. an html footer or something. — Marc B
– Marc B, Commented Jun 18, 2013 at 21:10

T.J. Crowder · Accepted Answer · 2013-06-18 21:11:56Z

1

The problem is likely to be this line:

var arrayFromPHP = JSON.parse(result);

Because you've specified dataType: 'json' in the ajax options, jQuery has already done the parsing for you. So doing it a second time starts out by doing toString on the array, which does a join, which results in invalid JSON.

Simply use result directly.

For example, suppose you have this JSON:

[
    "<a href=\"http://stackoverflow.com\">Stack Overflow</a>",
    "<a href=\"http://google.com\">Google</a>"
]

Because jQuery has already done JSON.parse on it, result is an actual array. So if you then pass it into JSON.parse, the first thing that does is toString, which gives you this:

<a href="http://stackoverflow.com">Stack Overflow</a>,<a href="http://google.com">Google</a>

...which is not, of course, valid JSON.

answered Jun 18, 2013 at 21:11

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

Comments

Kylie · Accepted Answer · 2013-06-18 21:13:45Z

0

I would simplify your jquery....like this...

$.getJSON("getDataForSlide.php", { limit: limit, required: required}, function(json) {
console.log(json);
});

answered Jun 18, 2013 at 21:13

Kylie

11.8k11 gold badges51 silver badges81 bronze badges

Comments

Pablo S G Pacheco · Accepted Answer · 2013-06-18 21:18:33Z

0

I like to use

jQuery.parseJSON(response);

And don't forget to use die(); or exit(); on php side after you echo your results, since it's a ajax call. This information can be found here: http://codex.wordpress.org/AJAX_in_Plugins

answered Jun 18, 2013 at 21:18

Pablo S G Pacheco

2,62030 silver badges29 bronze badges

1 Comment

Kylie Over a year ago

I didnt mark it..... :) but it could be because he is using json as a datatype, so the parse will already be handled for him

Collectives™ on Stack Overflow

Not able to pass PHP array to jquery: unexpected non-whitespace character after JSON data

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related