使HTML行可单击，然后显示使用while循环创建表的数据库中的行用户配置文件

<table>
  <tr onclick="showUserProfile(1)">
    <td>User 1</td>
  </tr>
  <tr onclick="showUserProfile(2)">
    <td>User 2</td>
  </tr>
  <tr onclick="showUserProfile(3)">
    <td>User 3</td>
  </tr>
  <!-- 更多行... -->
</table>
<div id="userProfile"></div>

function showUserProfile(userId) {
  // 发起AJAX请求获取用户配置文件数据
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var userProfile = JSON.parse(xhr.responseText);
      displayUserProfile(userProfile);
    }
  };
  xhr.open("GET", "/getUserProfile?userId=" + userId, true);
  xhr.send();
}

function displayUserProfile(userProfile) {
  // 在页面上显示用户配置文件
  var userProfileDiv = document.getElementById("userProfile");
  userProfileDiv.innerHTML = "用户名：" + userProfile.username + "<br>" +
                              "邮箱：" + userProfile.email + "<br>" +
                              "其他信息：" + userProfile.otherInfo;
}