JSP名称参数作为字符串动态显示在同一个JSP页面中

JSP name parameter dynamically displaying in the same JSP page as string

本文关键字：JSP 同一个 动态显示 字符串 参数      更新时间：2023-09-26

我需要在同一个JSP中动态地使用out.println()将第一个input type = text中输入的值显示为String，现在我能够将第一个文本字段中输入的文本显示为另一个即第二个文本字段。

<html> 
<body>
    <script>
    function jspFunction()
    {
        var dat = document.getElementById("dateId").value;
        document.getElementById("dateId1").value = dat;
    }
    </script>
<p>Input text : <input type="text" name="dateName" id="dateId" size="30" onchange="jspFunction()"/></p>
<p>Output text area : <input type="text" name="dateName1" id="dateId1"/></p> // I am getting proper o/p here
<%
String ss = request.getParameter("dateName1");
out.println("Converted to string   :" + ss); // The string value is displaying as null
%>
</body>
</html>

我需要动态改变String ss值，并自动显示在html文本标签字段的0/p以下。

我不确定String ss = request.getParameter("dateName1");是否甚至接收值。

jsp代码在服务器端执行。如果您了解基本概念，那么JSP将被转换为Java类(servlet)， servlet将生成您在浏览器中看到的HTML。

因此，当您尝试在浏览器中加载JSP时，<% ... %>之间的代码由容器转换为java，然后转换为HTML，然后在浏览器中呈现。如果你在浏览器中查看HTML源代码(右键单击页面→查看源代码)，你会看到<% ... %>之间的代码是看不到的。

与JSP相反，Javascript是一种客户端(浏览器)语言，因此如果您想在页面上执行一些动态操作，那么这里有一个示例:

<html> 
<body>
    <script>
    function jspFunction()
    {
        var dat = document.getElementById("dateId").value;
        document.getElementById("dateId1").value = dat;
        // here is the change
        document.getElementById("print-here").innerHTML = dat;
    }
    </script>
<p>Input text : <input type="text" name="dateName" id="dateId" size="30" onchange="jspFunction()"/></p>
<p>Output text area : <input type="text" name="dateName1" id="dateId1"/></p> // I am getting proper o/p here
<div id="print-here">
<!-- And here is the div where the value would be printed -->
</div>
</body>
</html>

或者您可以使用ajax向服务器发送请求，然后读取响应以打印值。

或者您可以使用html-form并使用提交按钮来提交字段的值，然后在页面刷新时通过request.getParameter("dateName1");读取它。

注意:我在回答中使用了标签，它提供了关于每种技术的良好基本教程和信息。我强烈建议大家浏览一下这些概念。由于

JSP代码在服务器端运行，JavaScript在客户端(浏览器)运行。


如果你需要在不刷新整个页面的情况下动态地将它们连接起来，那么你肯定应该使用AJAX

记住，如果你想检查服务器端文本框中输入的值，你应该这样做，否则JavaScript就是你所需要的。

相关文章：