使用EL表达式和JSTL实现将文本框中的内容输出到页面的功能,在此页面的文本框中输入内容,单击页面提交按钮之后,输入框以及按钮消失,文本框中输入的内容显示到页面。
时间: 2023-11-14 14:20:36 浏览: 530
在JSP页面用EL表达式调用一些函数
3星 · 编辑精心推荐
好的,您可以使用以下代码来实现您的需求:
1. 首先,在页面上添加一个用于输入文本的文本框和一个提交按钮:
```
<input type="text" name="inputText" id="inputText">
<button id="submitButton" onclick="submitText()">提交</button>
```
2. 然后,在JS中编写submitText()函数,该函数使用Ajax将输入的文本发送到服务器,并从服务器获取响应以更新页面:
```
function submitText() {
var inputText = document.getElementById("inputText").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.body.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("POST", "updatePage.jsp?inputText=" + inputText, true);
xmlhttp.send();
}
```
3. 最后,在updatePage.jsp文件中,您可以使用EL表达式和JSTL来显示输入的文本,下面是一段样例代码:
```
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>Update Page</title>
</head>
<body>
<c:if test="${not empty param.inputText}">
<p>您输入的内容是:${param.inputText}</p>
<p>感谢您的提交!</p>
</c:if>
</body>
</html>
```
以上就是使用EL表达式和JSTL将文本框中的内容输出到页面的完整步骤。希望对您有所帮助!
阅读全文