Ajax（Asynchronous JavaScript and XML）技术是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器交换数据并局部刷新页面内容，提供了更好的用户体验，减少了用户等待时间，提高了网页交互性。
在Ajax的核心是XMLHttpRequest对象，它是JavaScript的一个内置对象，允许浏览器在不刷新整个页面的情况下向服务器发送异步请求。在给出的示例代码中，首先通过`getXmlHttpRequest()`函数创建了XMLHttpRequest实例，这是一个跨浏览器的实现方式，确保在不同版本的IE和其他浏览器中都能正常工作。
在`checkNameExist(uname)`函数中，Ajax的实际请求被触发。这个函数接受一个参数，即用户输入的用户名，然后将该用户名编码并附加到请求URL上。`encodeURI(encodeURI(uname))`是为了确保特殊字符能正确传递。接着，调用`open("POST", url, true)`初始化请求，这里使用了POST方法向服务器发送数据，`url`是包含用户名的检查URL，`true`表示异步执行。然后，设置`onreadystatechange`属性为`haolejiaowo`，这意味着当请求状态改变时会执行这个函数。
`haolejiaowo()`函数负责处理服务器返回的数据。如果`readyState`为4，表示请求已完成，且`status`为200，说明请求成功。此时，会将服务器返回的响应文本填充到ID为"nameDiv"的`div`元素中，实现了局部刷新的效果，显示用户名是否已存在。
在HTML部分，可以看到一个表单，其中有一个输入框让用户输入用户名，并在失去焦点后调用`checkNameExist(this.value)`。这意味着当用户离开输入框时，会触发Ajax请求来验证用户名。
总结一下，Ajax技术通过XMLHttpRequest对象实现了局部刷新，使得用户可以在不离开当前页面的情况下与服务器进行交互。在示例中，这个交互体现在验证用户名是否已被注册，提高了用户注册过程的效率和体验。Ajax的使用不仅限于此，还可以应用于数据检索、表单验证、动态加载内容等多种场景，极大地丰富了Web应用程序的功能。
