使用Ajax根据用户身份控制页面元素显示与隐藏

可以使用JavaScript中的XMLHttpRequest对象来发送Ajax请求，并根据服务器返回的响应结果来控制页面元素的显示和隐藏。

HTML部分：

<!DOCTYPE html>
<html>
<head>
  <meta charset='UTF-8'>
  <title>Ajax Demo</title>
  <script src='main.js'></script>
</head>
<body>
  <a id='adminLink' href='#'>添加链接</a>
</body>
</html>

JavaScript部分：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 发送Ajax请求
xhr.open('GET', 'checkLogin.php', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 根据服务器返回的结果来控制显示和隐藏
    if (xhr.responseText === 'admin') {
      document.getElementById('adminLink').style.display = 'block';
    } else {
      document.getElementById('adminLink').style.display = 'none';
    }
  }
};
xhr.send();

服务器端(checkLogin.php)部分：

<?php
// 假设这里是根据用户登录信息来判断是管理员还是普通用户
// 这里只是一个示例，实际应用中需要根据实际情况来判断
$isAdmin = false;

if ($isAdmin) {
  echo 'admin';
} else {
  echo 'user';
}

以上代码中，通过发送GET请求到服务器的checkLogin.php文件来判断用户是否是管理员。服务器根据实际情况返回admin或user，前端通过判断服务器返回的结果来控制adminLink元素的显示和隐藏。