在当今的Web开发中，JavaScript（JS）和Java Server Pages（JSP）是两个不可或缺的技术。JS负责在客户端实现动态交互，而JSP则用于服务器端的数据处理和页面生成。将JS与JSP结合起来，可以轻松实现前后端交互，提升用户体验。本文将为您详细讲解如何通过JS将数据传递到JSP页面，并展示一个实际实例。
一、准备工作
在开始之前，请确保您已安装以下软件：
1. Java Development Kit (JDK)：用于编译和运行Java代码。
2. Apache Tomcat：用于部署和运行JSP页面。
3. WebStorm：一款强大的前端开发工具，可以方便地编写和调试JS代码。
二、创建项目结构
创建一个名为“js-to-jsp”的项目，并在其中创建以下目录和文件：
```
js-to-jsp/
├── src/
│ ├── js/
│ │ └── data.js
│ ├── jsp/
│ │ └── index.jsp
│ └── web.xml
└── pom.xml (可选，用于Maven项目)
```
三、编写JS代码
在`src/js/data.js`文件中，编写以下代码：
```javascript
// data.js
function sendData() {
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法、URL和异步模式
xhr.open("