AJAX（Asynchronous JavaScript and XML）是一种用于在网页上异步加载数据的技术，常用于向服务器请求数据而无需刷新整个页面。在使用AJAX时，可以通过发送HTTP请求来获取服务器端的数据，并将数据通过JavaScript动态地更新到网页上。本文将探讨如何使用AJAX向JSP页面发送请求，并通过实例来说明其应用。

首先，我们来看一个例子。假设我们有一个电商网站，需要在用户提交订单表单后，向服务器发送请求来检查库存。在传统的方式中，用户提交表单后，整个页面都需要刷新才能显示检查结果。但通过使用AJAX，我们可以在不刷新整个页面的情况下，实现与服务器的异步通信，并及时更新用户界面。

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 向服务器发送请求
xhr.open("GET", "checkInventory.jsp?productId=123", true);
xhr.send();

在上述代码中，我们创建了一个XMLHttpRequest对象，然后使用open方法设置请求类型为GET，URL为“checkInventory.jsp?productId=123”，最后使用send方法发送请求。这意味着我们向服务器的“checkInventory.jsp”页面发送了一个GET请求，并通过URL参数传递了productId的值为123。

当服务器收到请求后，可以根据传递的参数来进行检查。在“checkInventory.jsp”页面中，我们可以通过Java代码来检查库存，并将结果返回给客户端。下面是一个简单的例子：

在上面的代码中，我们通过request对象获取URL参数，然后调用checkInventory方法来检查库存。最后，我们使用response对象来设置响应的内容类型为"text/plain"，并使用getWriter方法将库存数量写入响应中。
回到前端的JavaScript代码，在发送请求后，我们需要监听XMLHttpRequest对象的readyState和status属性，以确定请求是否完成以及是否成功。当readyState为4且status为200时，表示请求成功。此时，我们可以通过xhr.responseText获取服务器的响应，并将结果更新到网页上。例如：
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var inventory = xhr.responseText;
// 更新网页上的库存信息
document.getElementById("inventory").innerText = inventory;
}
};
通过上述代码，我们可以创建一个回调函数，当请求完成且成功时，该函数将被调用。在回调函数中，我们将服务器响应的库存信息赋值给变量inventory，并通过JavaScript代码将其更新到对应的HTML元素中，例如使用innerText将其写入具有id属性为"inventory"的元素中。
综上所述，使用AJAX向JSP页面发送请求可以带来丰富的用户体验。通过使用异步加载和动态更新数据的技术，我们可以提高页面的响应速度，减少不必要的刷新，并通过实时更新来提供更好的用户交互。例如，在电商网站示例中，通过使用AJAX和JSP的组合，我们可以在用户提交订单后，实时检查库存，并将结果实时显示给用户，从而提供更好的购物体验。