javascript - 杰森提取的对象显示未定义

我正在尝试从json获取对象，并且显示未定义。我可以帮忙吗？下面是我的代码。它不是从数据库中获取名称，而是显示未定义。我认为问题出在我的成功职能上。请帮帮我。

<script>
$(document).ready(function(){
    $.ajax({
        type: 'GET',
        url: 'connections/profile.php',
        data: 'param=no' ,
        ataType: "html",
        success: function (response) {
            console.log(response);
                $('#basicContent').html('<h4><b>' + response.name + '</b></h4>');

        },
        error: function (e){
            alert (e);
        }

    });
});
</script>

还有我的PHP

<?php
require_once('connect.php');
session_start();
if (!isset ($_SESSION['matric']))
{
$go="index.html";
header("Location:".$go);
}

$matric = $_SESSION['matric'];
$pass= $dbh->prepare("SELECT * FROM users WHERE matric=:matric");
$pass->bindParam(':matric', $matric);
$pass->execute();
$profile=$pass->fetch(PDO::FETCH_ASSOC);
$response = array(
'name' => $profile['name'],
'matric' => $matric,
'school' => $profile['school']
);
echo json_encode($response);

最佳答案

将dataType从html更改为JSON

此外，在php文件中添加标头以提供JSON内容

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