在当今的Web开发中，前后端分离已经成为一种主流的开发模式。这种模式可以让前端和后端开发者各自专注于自己的领域，提高开发效率。而Ajax（Asynchronous JavaScript and XML）技术则是实现前后端分离的关键。本文将带大家通过一个简单的实例，了解如何使用Ajax动态查询JSP页面。
1. 环境准备
在开始之前，我们需要准备以下环境：
- 开发工具：如Eclipse、IntelliJ IDEA等。
- 服务器：如Tomcat、Jetty等。
- 数据库：如MySQL、Oracle等。
2. 创建项目
1. 打开你的开发工具，创建一个新的Web项目。
2. 在项目中创建以下目录结构：
```
src/
|-- com/
| |-- demo/
| |-- AjaxQuery.jsp
| |-- AjaxQueryServlet.java
| |-- index.jsp
|-- webapp/
|-- js/
|-- query.js
|-- css/
|-- style.css
```
3. 编写JSP页面
AjaxQuery.jsp
```jsp
<%@ page contentType="
