所以，我想这很简单，但是我不能完全理解它，我对ajax很陌生，所以请容忍我，我用原生php为我的小项目创建了简单的restapi，它从mysql数据库获取字符信息，我想在每次点击链接时为每个字符插入数据，这个简单的带有链接的页面，页面右侧是我创建的用来插入数据的div，
这是我为ajax编写的代码，目前还不起作用

var title = document.getElementById('charactertitle');
var desc = document.getElementById('characterdesc');
var buttonClick = document.getElementsByClassName('content-button');

buttonClick.addEventListener('click', loadCharacterInfo);

function loadCharacterInfo(e){
 e.preventDefault();
 var xhr = new XMLHttpRequest();
 xhr.open('GET','/api/characters/read.php',true);

 xhr.onload = function(){
   var characters = JSON.parse(this.responseText);

  output = '';

  for(var i in characters){
    output += characters[i].title;
  }

  title.innerHTML = output;
}
 }

  xhr.send();

这是页面右侧带有简单div和2p标记的代码

<div class="flex-shrink-1">
            <div class="card bg-dark text-white">
                    <img class="card-img" src="img/charactersbg.jpg" alt="no image">
                    <div class="card-img-overlay">
                      <p class="card-title display-4" id="charactertitle"></p>
                      <p class="card-text" id="characterdesc"></p>
                    </div>
                  </div>
              </div>

这是read函数，它基本上从数据库端获取数据并将其编码为json`

include '../../config/Database.php';
include '../../models/Characters.php';

// Instantiate DB & Connect
$database = new Database();
$db = $database->connect();

// Instantiate blog post object
$chars = new Characters($db);

//Blog Post Query
$result = $chars->read();

// Check if any characters
$num = $result->rowCount();

// Check if any characters
if ($num > 0) {
   // Post array
   $chars_arr = [];
   $chars_arr['data'] = array();

   while ($row = $result->fetch(PDO::FETCH_ASSOC)) {
       extract($row);

       $chars_item = [
           'id' => $id,
           'title' => $title,
           'description' => html_entity_decode($description)
       ];

       // Push to data
       array_push($chars_arr['data'], $chars_item);
   }

   // Turn to JSON & output
   echo json_encode($chars_arr);
} else {
    // No posts
   echo json_encode(
        ['message' => 'No posts found']
    );
}

我在postman上测试了read函数，这样它就可以工作了，我还想知道是否需要创建read\u单一类型的函数，只获取一个字符信息，但是我仍然不能在div上显示它，所以我发现这是主要的担心
不管怎样，提前谢谢你的回答，我想得到一些帮助：）`