jQuery$.getJSON未返回数据 - jQuery $.getJSON not returning data

jQuery $.getJSON not returning data

本文关键字：返回数据 getJSON jQuery | 更新日期: 2023-09-27

我正在通过$.getJSON对我的PHP脚本进行AJAX调用。问题是，PHP正在返回json编码的数据，但我的脚本根本没有console.log。

function Club(){
    this.URL = "http://localhost/imp03/includes/ajaxCall.php";
}
Club.prototype.loadData = function(){
    $.getJSON(Club.URL, function(data){
        console.log(data);
    });
}

控制台中没有错误，这是我的PHP脚本。

$db = new Database(HOST, USER, PASS, DB);
$array = $db->getData();
header('Content-Type: application/json');
echo json_encode($array);
exit;

这是我的数据库类中的方法，负责获取数据

public function getData(){
    try{
        $sql = $this->db->prepare("SELECT * FROM inlever3");
        $sql->execute();
        $result = $sql->fetchAll();
        return $result;
    } catch(PDOException $e){
        echo $e;
        return false;
    }
}

Club是函数，它不具有URL属性。

Club.prototype.loadData = function(){
    $.getJSON(Club.URL, function(data){
        console.log(data);
    });
}

应该是

Club.prototype.loadData = function(){
    // here change Club.URL to this.URL
    $.getJSON(this.URL, function(data){
        console.log(data);
    });
}

并像一样使用它

var club = new Club();
club.loadData();

刚刚尝试过，它按预期工作：

您需要在$.getJSON()调用中使用this.URL而不是Club.URL

test.php

<?php
if (isset($_GET['loadData']))
{
    // dummy data
    exit(json_encode(
        array('hello' => 'world')
    ));
}
?>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function Club(){
    this.URL = "test.php?loadData";
}
Club.prototype.loadData = function(){
    $.getJSON(this.URL, function(data){
        console.log(data);
    });
}
var c = new Club();
c.loadData();
</script>