使用Ajax实现用户名重复检查

在Web开发中，用户名重复检查是一个常见的需求。通过使用Ajax技术，我们可以在用户输入用户名时，实时向服务器发送请求，检查用户名是否已经存在。本文将介绍如何使用Ajax来实现这一功能，并提供相应的源代码。

首先，我们需要创建一个包含用户名输入框和用于显示结果的元素的HTML表单。在这个示例中，我们使用一个简单的表单来输入用户名，并使用一个元素来显示结果。HTML代码如下：

<form>
  <input type="text"