使用AJAX从PHP脚本获取JSON数据

Question

My PHP script, 'getNews.php', (which works when I run it in the terminal and returns the correct data) is as follows:

<?php
header('Content-Type: application/json');

$db = new PDO('mysql:host=hostname;dbname=table', 'name', 'password');

$sql = "SELECT * from `news` ORDER BY date";
$result = $db->query($sql);

echo json_encode($result->fetchAll(PDO::FETCH_ASSOC));
?>

In my Javascript (I have JQuery loaded), I am attempting to pull this data in the following manner:

$(document).ready(function() {
    $.getJSON("getNews.php", function(data) {
        console.log(data);
    });
});

which does nothing. When I change it to:

$(document).ready(function() {
    $.get("getNews.php", function(data) {
        console.log(data);
    });
});

It writes the entire text of the php script to the console. Basically, it doesn't seem to be executing the php script or retrieving the json object at all. Thoughts?

Answer 1

Do you have a web server (like apache or nginx ) installed? "It writes the entire text of the php script to the console." = You aren't invoking a PHP processor. Are you loading it like file:///something , or via http://something ?

If you are using HTTP, make sure your web server knows to process PHP files. This usually involves editing a .ini or .cfg file; I can't tell which, because you don't mention what web server you are using.

Answer 2

It writes the entire text of the php script to the console

It could be that your server doesnt have php installed/configured. If thats not the case then see if this works for you

function prsJSN() {
    $.ajax({
        type: "get",
        url: "getNews.php",
        success: function(json) {
            var dataArray = jQuery.parseJSON(json);
        },
        error: function(request, status, error) {
            alert(request.responseText);
        }
    });
}