使用 ajax 和 jquery 获取数据

Question

我的网站上的 ajax 调用有问题。

我想使用 jquery 和 ajax 对象从数据库中动态加载我的页面。

但他们不返回，我不知道问题是来自php还是我的jquery脚本。

这是我的桌子：

• id(int, PK, AI)
• 标签（字符）
• 标题（字符）
• 内容（字符）

这是我的 php 脚本（get_page.php）：

    <?php
try
{
    $bdd = new PDO('mysql:host=localhost;dbname=wemusic;charset=utf8', 'root', 'root');
}
catch(Exception $e)
{
        die('Erreur : '.$e->getMessage());
}
$reponse = $bdd->prepare('SELECT title, content FROM page WHERE label = ?');
$reponse->execute(array($_GET['label']));
$data = $reponse->fetch();

echo $data;
?>

我的第一个问题是：echo 是否适用于数组？还是应该使用 echo json_encode？​​p>

还有我的 jquery 脚本：

    $("document").ready(function(){
    var bloc = $(".third").hide();
    var trigger = $(".presta-link");
        trigger.click(function(e){
            e.preventDefault();
            page = $(this).data('page');
            $.ajax({
                    url: 'get_page.php',
                    type: 'get',
                    data: {label: page},
                    success: function (data) {
                        bloc.show();
                        $(".presta-title").empty().html(data.title);
                        $(".presta-description").empty().html(data.content);
                    },
                    error:function(jqXHR)
                    {
                        console.log(jqXHR);
                    }
                });
        });
});

另外：jquery 已加载，我的链接都有一个data-page 值。

但我没有得到任何回应。没有 php 错误，没有 jqXHR 消息。

Answer 1

您的 success 函数需要 JSON 响应，但您没有在 PHP 脚本中回显 JSON。改变

echo $data;

到：

echo json_encode($data);

在您的$.ajax 电话中，添加：

dataType: 'json',

顺便说一句，你不必在.html() 之前调用.empty()，因为.html() 完全替换了元素的内容（实际上，它在内部做的第一件事就是调用.empty()）。