学生休学功能实现：使用 Ajax 传递数据并更新状态

实现学生休学功能，可以按照以下步骤进行操作：

在学生信息列表中，为每个学生的'休学'状态添加一个超链接，通过点击该超链接触发休学操作。
使用Ajax方式传递指定编号的记录，可以使用jQuery的Ajax方法来实现。
在服务器端，接收到Ajax请求后，根据传递的学生编号，将该学生的在校状态修改为'休学'。
在服务器端处理完休学操作后，返回响应结果给前端。
前端根据服务器端返回的响应结果，更新学生信息列表中相应学生的在校状态为'休学'。
对于'休学'状态的学生信息，禁止修改操作。

以下是一个示例的代码实现：

HTML部分：

<!-- 学生信息列表 -->
<table>
  <thead>
    <tr>
      <th>学生编号</th>
      <th>学生姓名</th>
      <th>在校状态</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>张三</td>
      <td>在校</td>
      <td><a href='#' class='suspend-link' data-student-id='1'>休学</a></td>
    </tr>
    <!-- 其他学生信息行 -->
  </tbody>
</table>

JavaScript部分：

$(document).ready(function() {
  // 点击休学链接
  $('.suspend-link').click(function(e) {
    e.preventDefault(); // 阻止默认的超链接跳转行为

    var studentId = $(this).data('student-id');
    var suspendUrl = '/suspend'; // 休学操作的服务器端接口URL

    // 发送Ajax请求
    $.ajax({
      url: suspendUrl,
      type: 'POST',
      data: { studentId: studentId },
      success: function(response) {
        // 更新学生信息列表中相应学生的在校状态为'休学'
        $('.suspend-link[data-student-id=' + studentId + ']').closest('tr').find('.status').text('休学');
        // 禁止该学生信息的修改操作
        $('.suspend-link[data-student-id=' + studentId + ']').closest('tr').find('.edit-button').prop('disabled', true);
      },
      error: function() {
        alert('休学操作失败');
      }
    });
  });
});

服务器端代码（示例使用Node.js和Express框架）：

app.post('/suspend', function(req, res) {
  var studentId = req.body.studentId;

  // 根据学生编号修改学生在校状态为'休学'
  // TODO: 在此处添加具体的数据库操作或其他逻辑代码

  res.sendStatus(200); // 返回成功状态码
});

以上示例代码仅供参考，实际使用时需要根据具体情况进行适当修改和完善。