随着互联网的不断发展，前端开发技术日益成熟。在众多的前端技术中，JavaScript（简称JS）因其强大的功能而被广泛应用。而JSP（Java Server Pages）作为后端技术，也经常与JS结合使用。在实际开发过程中，我们常常需要从JSP页面获取URL参数，并将其传递给JS进行后续处理。今天，就让我来为大家详细讲解如何使用JS获取JSP URL参数的实例。
1. JSP URL参数概述
在JSP页面中，URL参数通常以“?key=value”的形式添加到URL后面。例如，http://www.example.com/index.jsp?id=123&name=张三。在这个例子中，“id”和“name”就是URL参数的键，而“123”和“张三”则是对应的值。
2. JS获取JSP URL参数的常见方法
获取JSP URL参数的方法有很多，下面列举几种常见的方法：
2.1 使用`window.location.search`属性
`window.location.search`属性可以获取当前页面的URL中问号（?）之后的部分，即所有URL参数的集合。以下是一个使用`window.location.search`属性的示例：
```javascript
var params = window.location.search.substring(1); // 获取问号之后的部分
var paramArr = params.split('&'); // 将参数字符串分割成数组
var obj = {};
paramArr.forEach(function(item) {
var arr = item.split('=');
obj[arr[0]] = arr[1];
});
console.log(obj); // 输出：{ id: '123', name: '张三' }
```
2.2 使用`new URL()`对象
ES6中引入了`URL`对象，可以更方便地处理URL。以下是一个使用`URL`对象的示例：
```javascript
var url = new URL(window.location.href);
var params = {};
url.searchParams.forEach(function(value, key) {
params[key] = value;
});
console.log(params); // 输出：{ id: '123', name: '张三' }
```
2.3 使用`location.hash`属性
在某些情况下，我们可以使用`location.hash`属性来获取URL参数。以下是一个使用`location.hash`属性的示例：
```javascript
var params = {};
location.hash.substring(1).split('&').forEach(function(item) {
var arr = item.split('=');
params[arr[0]] = arr[1];
});
console.log(params); // 输出：{ id: '123', name: '张三' }
```
3. 示例：JS获取JSP URL参数并传递给后端
下面，我们通过一个简单的示例来演示如何使用JS获取JSP URL参数，并将其传递给后端。
JSP页面（index.jsp）：
```jsp
<%@ page contentType="
