jQuery - Ajax is not returning json response

Question

Here is my JavaScript:

                    $.ajax({
                        url: 'CheckColorPrice.php',
                        type: 'POST',
                        data: {
                            url: '<?php echo $LINK;?>',
                            ColorId: ColorNumber
                        },
                        dataType: 'json',
                        success: function (data) {
                            $('#LoadingImage').hide();
                                $("#PRICE").text("£ " + data["price"]);                             
                        }
                    });

Here is CheckColorPrice.php:

<?PHP
$url = $_POST['url'];
$ColorId = $_POST['ColorId'];       
if(isset($_POST['url']))
{   
    libxml_use_internal_errors(true); 
    $doc = new DOMDocument();
    $doc->loadHTMLFile($url);

    $xpath = new DOMXpath($doc);

    $DataVariants = $xpath->query('//span[@class="ImgButWrap"]/@data-variants')->item(0)->nodeValue;

    $jsonStart = strpos($DataVariants, '[');
    $jsonEnd = strrpos($DataVariants, ']');

    $collections = json_decode(substr($DataVariants, $jsonStart, $jsonEnd - $jsonStart + 1));   

    foreach ($collections as $item) {
        $ColVarId = $item->ColVarId;

        $SizeNames = [];
        $SellPrice = [];
        foreach ($item->SizeVariants as $size) {
            $SizeNames[] = $size->SizeName;
            $SellPrice[0] = $size->ProdSizePrices->SellPrice;
        }
        $names = implode(',', $SizeNames);
        $price = implode('', $SellPrice);

    if($ColVarId == $ColorId){
                $healthy2 = array('£',' ','Â');
                $yummy2   = array('','','');
                $price = str_replace($healthy2, $yummy2, $price);
                $PRICE = $price;
            echo "price: ",  json_encode($PRICE), "\n";

    }
}

}   

?>

The result from CheckColorPrice.php is looking just like this:

price: "37.99"

Where is my mistake, why it is not receiving the response properly. I don't get it at all... Can you help me out ?

Thanks in advance!

You have the following line: echo "price: ", json_encode($PRICE), "\n"; ~ this means you are returning a string rather than a json object. If you are intending to work with json data the php should do something like:- echo json_encode( array( 'price'=>$price ) ); — Professor Abronsius
– Professor Abronsius, Commented Aug 21, 2015 at 15:44

Marc B · Accepted Answer · 2015-08-21 15:43:43Z

4

You're not returning json. You're returning plain text which contains some json:

        echo "price: ",  json_encode($PRICE), "\n";
             ^^^^^^^^^^

That'd look like

    price: "$9.99"

which is NOT valid json.

You need to return an array for your JS code to work:

echo json_encode(array('price' => $PRICE));

which would output:

{"price":"$9.99"}

answered Aug 21, 2015 at 15:43

Marc B

362k44 gold badges433 silver badges508 bronze badges

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

Comments

Nik Chankov · Accepted Answer · 2015-08-21 15:43:23Z

2

Add the following header to your script:

header('Content-type: application/json'); header("Content-Disposition: inline; filename=ajax.json");

Also change the line

echo "price: ",  json_encode($PRICE), "\n";

to

echo json_encode(array('price'=>$PRICE));

Hope that helps

answered Aug 21, 2015 at 15:43

Nik Chankov

6,0371 gold badge22 silver badges30 bronze badges

Comments

QuentinG · Accepted Answer · 2015-08-21 15:45:55Z

0

First thing, in your ajax request, add this parameter :

dataType : 'json'

Then, your response is not a correct json. You can return this :

echo json_encode(array("price"=>$PRICE));

answered Aug 21, 2015 at 15:45

QuentinG

1012 silver badges11 bronze badges

Collectives™ on Stack Overflow

jQuery - Ajax is not returning json response

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related