用jQuery、ajax和bootstrap写一个部门管理的修改功能

好的，以下是一个简单的示例代码，用于修改部门管理信息：

HTML部分：

<div class="container">
  <h2>修改部门信息</h2>
  <form id="edit-department-form">
    <div class="form-group">
      <label for="department-name">部门名称:</label>
      <input type="text" class="form-control" id="department-name" name="department-name">
    </div>
    <div class="form-group">
      <label for="department-manager">部门经理:</label>
      <input type="text" class="form-control" id="department-manager" name="department-manager">
    </div>
    <div class="form-group">
      <label for="department-description">部门描述:</label>
      <textarea class="form-control" rows="5" id="department-description" name="department-description"></textarea>
    </div>
    <input type="hidden" id="department-id" name="department-id">
    <button type="submit" class="btn btn-primary">提交</button>
  </form>
</div>

jQuery和ajax部分：

<script>
$(document).ready(function() {
  // 获取部门信息并填充表单
  var departmentId = 1; // 假设部门ID为1
  $.ajax({
    url: "get_department.php",
    type: "POST",
    data: { departmentId: departmentId },
    dataType: "json",
    success: function(data) {
      $("#department-name").val(data.name);
      $("#department-manager").val(data.manager);
      $("#department-description").val(data.description);
      $("#department-id").val(data.id);
    },
    error: function(jqXHR, textStatus, errorThrown) {
      console.log(textStatus, errorThrown);
    }
  });

  // 提交修改后的部门信息
  $("#edit-department-form").submit(function(event) {
    event.preventDefault();
    var formData = $(this).serialize();
    $.ajax({
      url: "edit_department.php",
      type: "POST",
      data: formData,
      success: function(data) {
        alert("部门信息修改成功！");
      },
      error: function(jqXHR, textStatus, errorThrown) {
        console.log(textStatus, errorThrown);
      }
    });
  });
});
</script>

bootstrap部分：

可以使用bootstrap的表单组件和按钮样式，使表单和按钮看起来更美观和易于使用。在上面的代码中，我们已经使用了bootstrap的表单组件和按钮样式。