jquery异步判断用户名重复

你可以使用 jQuery 的 AJAX 方法发送异步请求到后端，判断用户名是否重复。具体步骤如下：

1. 给用户名输入框绑定 blur 事件，在用户离开输入框时触发异步请求。

2. 在异步请求中，使用 jQuery 的 $.ajax() 方法，向后端发送请求。

3. 后端接收到请求后，查询数据库，判断用户名是否重复。

4. 后端将结果返回给前端，前端根据结果显示提示信息。

下面是一个示例代码：

$('#username').blur(function() {
  var username = $(this).val();
  $.ajax({
    url: '/check_username/',
    type: 'POST',
    data: {'username': username},
    success: function(data) {
      if (data.is_taken) {
        $('#username-error').text('用户名已存在');
      }
    }
  });
});

在上面的代码中，当用户名输入框失去焦点时，会发送一个 POST 请求到 /check_username/ 地址，传递参数为 {'username': username}。后端接收到请求后，查询数据库，如果用户名已存在，则返回结果 {'is_taken': true}，前端根据结果显示提示信息。