用script获取html中的值传到jsp里
时间: 2024-03-05 10:50:35 浏览: 95
html页面传值
要将 HTML 中的值传递到 JSP 中,可以使用 JavaScript 来获取这些值,然后将它们存储在一个 JavaScript 对象中,最后将该对象作为参数传递给 JSP。在 JSP 中,可以使用 JSTL 的 `<c:set>` 标签或者 EL 表达式来访问这些值。
例如,在 HTML 中有一些表单输入框,可以使用 JavaScript 来获取这些输入框中的值:
```
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="age">Age:</label>
<input type="text" id="age" name="age"><br><br>
<label for="city">City:</label>
<input type="text" id="city" name="city"><br><br>
<button type="button" onclick="submitForm()">Submit</button>
</form>
<script>
function submitForm() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var city = document.getElementById("city").value;
var myValues = {
name: name,
age: age,
city: city
};
window.location.href = "myjsp.jsp?values=" + JSON.stringify(myValues);
}
</script>
```
在上面的示例中,当用户点击 Submit 按钮时,`submitForm()` 函数会获取表单输入框中的值,并将它们存储在一个名为 `myValues` 的 JavaScript 对象中。然后,使用 `JSON.stringify()` 函数将该对象转换为一个字符串,并将其作为 URL 参数传递给 JSP。
在 JSP 中,可以使用 EL 表达式来获取该字符串,并将其转换回 JavaScript 对象:
```
<c:set var="values" value='<%=new JSONObject(request.getParameter("values"))%>'/>
```
现在,在 JSP 中就可以通过 `${values.name}`、`${values.age}` 和 `${values.city}` 来访问 HTML 表单中的值了。
阅读全文