CODEWITHSUNDEEP
phpjson
Mike Henley
Mike Henley

Reputation: 193

Return json data with php

I want to return json data but my code is not working. I don't get any error message. I have index.php, ajax.php and db.php. Db.php is working. But my ajax code is not working. Where is my mistake?

index.php:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
    <div id="test" style="width:500px;height:400px; margin:20px auto;"></div>
<script>
    $(window).load(function () {
        $.ajax({
            dataType: "json",
            url: 'ajax.php',
            success:function(data){         
                $("#test").html(data);
            }
        });
    });
</script>
</body>
</html>

Ajax.php: 

<?php
require 'db.php';
$query="select lat,lng from locations order by id";
$result = pg_query($link, $query);
if (!$result) {
echo "An error occurred_xxx.\n";
}else {
$arr = pg_fetch_all($result);
echo json_encode($arr);
}  ?>

Upvotes: 8

Views: 38976

Answers (1)

Darren
Darren

Reputation: 13128

If you're expecting JSON you need to send it regardless. What you're doing when your script errors, is sending text/html. Try this:

header("Content-Type: application/json");
require 'db.php';
$query="select lat,lng from locations order by id";
$result = pg_query($link, $query);
$response = array();
if (!$result) {
    $response = array(
        'status' => false,
        'message' => 'An error occured...'
    );
}else {
    $response = array(
        'status' => true,
        'message' => 'Success',
        'data' => ph_fetch_all($result)
    );
}

echo json_encode($response);

Now as you'll see, we send actual JSON, by setting a correct Content-Type header and not mixing plain text and json up.

To handle this response within your jQuery, simply condition the response:

$(window).load(function () {
    $.ajax({
        dataType: "json",
        url: 'ajax.php',
        success:function(data){         
            if(!data.status) {
                $("#test").html("ERROR: " + data.message);
            } else if(data.status) {
                $("#test").html(data);
            }
        }
    });
});

Upvotes: 16

Related Questions