JSON can't be parsed using Javascript

Question

I have the following JSON reply from a PHP file:

[
    {
        "color": "black",
        "product_name": "Prod2",
        "revision": "apps/"
    },
    {
        "color": "green",
        "product_name": "Prod1",
        "revision": "dev/"
    }
]

(tested OK on JSONLint)

And Javascript:

$(document).ready(function(){    
    $('.target').keyup(function() {
        var package_name = "name";
        var package_version = "version";
        var filter_results = "filter";
        $.post('includes/package_filter.php', { package_name: package_name, package_version: package_version, filter_results: filter_results }, function(return_result) {                   
obj = JSON.parse(return_result);
alert(obj.product_name);
           var existingDiv = document.getElementById('other');
existingDiv.innerHTML = CreateTable(return_result); 
        });
    });
});

The return_result doesn't seem to be correct since I get Error: SyntaxError: JSON.parse: unexpected end of data when doing the JSON.parse I also don't go further to the alrt... What could be wrong?

My PHP file is similar to:

<?php
function package_filter($package_name, $package_version, $filter_results){
    foreach ($descriptions as $descriptions_display) {
        ...
        $array_to_return[] = array('color' => $color , 'product_name' => $descriptions_display['product_name'] , 'revision' => $descriptions_display['revision']);
    }       
    return json_encode($array_to_return);
}
?>

My goal is to create a table with my CreateTable function but there is something wrong before.

The JSON string you posted is fine. There must be something else going on here. — p.s.w.g
– p.s.w.g, Commented Mar 12, 2014 at 22:31
With the inspector of the browser, what is the exact content returned by the PHP page? There could be some hidden characters, maybe, that you can't see on your screen but that are corrupting the JSON. — ItalyPaleAle
– ItalyPaleAle, Commented Mar 12, 2014 at 22:35
@skrilled: I'm pretty sure jQuery uses JSON.parse if available. — Felix Kling
– Felix Kling, Commented Mar 12, 2014 at 22:35

barell · Accepted Answer · 2014-03-12 22:39:27Z

1

When dealing with JSON just set fourth parameter in post() method to json:

$.post('includes/package_filter.php', { /* params */ }, function(return_result) {                   
    // return_result[0].product_name;
}, 'json');

answered Mar 12, 2014 at 22:39

barell

1,48913 silver badges19 bronze badges

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

4 Comments

remyremy Over a year ago

I tried that and I get no error but everything where you put // return_result[0].product_name; is not executed

Felix Kling Over a year ago

@remyremy: As Qualcuno stated, use your browser developer tools to see what the exact response is that you receive.

remyremy Over a year ago

@FelixKling I've tried and the Response tab is empty in Firebug. I guess nothing is returned.

Felix Kling Over a year ago

@remyremy: Yep, then that's most likely the problem.

Jorge Enrique Reyes Salas · Accepted Answer · 2014-03-12 22:40:15Z

1

Check the encoding of the response UTF-8 ASCII you may have Characters that are messing up with the parser.

answered Mar 12, 2014 at 22:40

Jorge Enrique Reyes Salas

4232 silver badges6 bronze badges

Collectives™ on Stack Overflow

JSON can't be parsed using Javascript

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related