Javascript 单击按钮上的JSP更新页面_Javascript_Html_Jsp

Javascript 单击按钮上的JSP更新页面

javascript html jsp

Javascript 单击按钮上的JSP更新页面,javascript,html,jsp,Javascript,Html,Jsp,我已经编写了一个.jsp文件，在单击按钮时应该更新其内容。我尝试使用Javascript的appendChild，但它不起作用，因为这是一个.jsp文件。代码如下： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title> Hello World!</title> </head> <p

我已经编写了一个.jsp文件，在单击按钮时应该更新其内容。我尝试使用Javascript的appendChild，但它不起作用，因为这是一个.jsp文件。代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title> Hello World!</title>
</head>
    <p id="demo"><h1> Hello,   </h1>

<body>
<br/>Firstname:<input type="text" name="firstname">
<button onclick="myFunction()">Enter</button>

<%= request.getParameter("firstname")
%>
<script>
    function myFunction()
    {
        var node=document.getElementById("demo");
        document.getElementById("demo").appendChild(<%= request.getParameter("firstname")%>);
    }
</script>



 </body>
 </html>

你好，世界！

您好，名字：进入函数myFunction（） { var节点=document.getElementById（“demo”）； document.getElementById（“demo”）.appendChild（）； }

我希望输出为“Hello，Dia”，如果输入Dia作为名字，并且单击Enter按钮。名字应该附加在Hello后面

脚本中混合了

scriptlets

。javascript是一种客户端技术

当您编译时，scriptlet在应用程序服务器中执行（它们只是java代码）

试试这个

<script>
    function myFunction()
    {
        var node=document.getElementById("demo");
var value=<%= request.getParameter("firstname")%>;
        document.getElementById("demo").appendChild(value);
    }
</script>


函数myFunction（）
{
var节点=document.getElementById（“demo”）；
var值=；
document.getElementById（“demo”）.appendChild（值）；
}

首先，单击按钮不会将您带回服务器，因此您不需要使用scriptlet访问文本字段的值，您可以使用纯HTML和Javascript进行访问

详情如下:

<html>
<head>
<title> Hello World!</title>
</head>  

<body>
<div id="demo"><h1> Hello,<div id="displayName"></div>   </h1></div>
<br/>Firstname:<input type="text" name="firstName" id="firstName"/>
<button onclick="myFunction()">Enter</button>

<script>
function myFunction()
{
var firstName = document.getElementById("firstName");
document.getElementById('displayName').innerHTML = firstName.value;
}
</script>



</body>
</html>


你好，世界！
你好

名字：
进入
函数myFunction（）
{
var firstName=document.getElementById（“firstName”）；
document.getElementById（'displayName'）。innerHTML=firstName.value；
}

将动态数据分配到一个变量中，然后将变量作为arugument传递给appendChild方法