Ajax基础入门：如何使用Ajax发送请求和处理响应

Ajax是一种在不重新加载整个页面的情况下更新部分网页的技术。本文将介绍Ajax的基础知识和如何使用它发送请求和处理响应。

一、Ajax的基础知识

Ajax全称为”Asynchronous JavaScript and XML”，即异步JavaScript和XML。它是一种使用JavaScript和XML（现在也可以使用JSON）的技术，通过在后台与服务器进行少量数据交换，实现页面的局部刷新。Ajax的核心是XMLHttpRequest对象，它可以异步地与服务器交换数据。

二、使用Ajax发送请求和处理响应

使用Ajax发送请求和处理响应通常需要以下步骤：

1. 创建XMLHttpRequest对象

在JavaScript中，可以使用如下代码创建XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

2. 发送请求

可以使用XMLHttpRequest对象的open()方法和send()方法发送请求。例如，以下代码将发送一个GET请求：

xhr.open('GET', 'http://example.com', true);
xhr.send();

其中，第一个参数指定请求的类型（GET或POST），第二个参数指定请求的URL，第三个参数指定请求是否异步。

3. 处理响应

可以使用XMLHttpRequest对象的onreadystatechange属性和responseText属性处理响应。例如，以下代码将在收到响应后将响应文本显示在页面上：

xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        document.getElementById("myDiv").innerHTML = xhr.responseText;
    }
};

其中，readyState属性表示XMLHttpRequest对象的状态，status属性表示HTTP状态码。当readyState为4且status为200时，表示请求已经完成，并且服务器响应成功。

以上就是使用Ajax发送请求和处理响应的基本步骤。当然，Ajax还有很多高级用法，例如POST请求、FormData、XMLHttpRequest2等等，可以根据实际需要进行学习和使用。