jQuery和ajax写用户管理的修改功能

好的，下面是使用 jQuery 和 ajax 写用户管理的修改功能的代码示例：

HTML：

<!-- 用户修改表单 -->
<form id="edit-form">
  <label for="username">用户名：</label>
  <input type="text" name="username" id="username">
  <label for="email">邮箱：</label>
  <input type="email" name="email" id="email">
  <input type="submit" value="修改">
</form>

JavaScript：

// 当页面加载完成时执行
$(document).ready(function() {
  // 获取用户ID
  var userId = getQueryString('id');
  // 获取用户信息
  $.ajax({
    url: '/api/users/' + userId,
    type: 'GET',
    success: function(data) {
      // 填充表单
      $('#username').val(data.username);
      $('#email').val(data.email);
    }
  });

  // 监听表单提交事件
  $('#edit-form').submit(function(event) {
    // 阻止表单默认提交行为
    event.preventDefault();
    // 获取表单数据
    var formData = $(this).serialize();
    // 发送修改请求
    $.ajax({
      url: '/api/users/' + userId,
      type: 'PUT',
      data: formData,
      success: function(data) {
        // 修改成功，跳转到用户列表页
        window.location.href = '/users';
      }
    });
  });
});

// 获取URL参数
function getQueryString(name) {
  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  var r = window.location.search.substr(1).match(reg);
  if (r != null) {
    return decodeURIComponent(r[2]);
  }
  return null;
}

这里的 `/api/users` 是您的用户管理API的端点，支持 GET 和 PUT 方法。在页面加载完成时，使用 `$.ajax` 函数发送一个 GET 请求，以获取要修改的用户信息，并在成功回调函数中填充到表单中。在表单提交事件中，使用 `$.ajax` 函数发送一个 PUT 请求，以修改用户信息，并在成功回调函数中跳转到用户列表页。`getQueryString` 函数用于获取 URL 参数。