Forms 将表单数据传递给JSP而不传递给服务器 html> 降落输入数据_Forms_Spring Mvc_Jsp

Forms 将表单数据传递给JSP而不传递给服务器 html> 降落输入数据

forms spring-mvc jsp

Forms 将表单数据传递给JSP而不传递给服务器 html> 降落输入数据,forms,spring-mvc,jsp,Forms,Spring Mvc,Jsp,请忽略动作部分我正在从事一个SpringMVC项目，我遇到了一个问题。我想要的是，当用户点击提交时，我们不应该离开页面，我们应该留下来。但提交的值将用作同一页面中函数的参数。这里，让我们说我想打印它，这是错误输入的部分我应该怎么做才能做到这一点？请帮助单击提交按钮时，您可以在此处使用ajax调用此函数，然后使用此调用您的ajax将输入值传递到服务器，然后在服务器端执行您需要执行的操作，然后将结果返回到ajax 您的表格： html> <head>

请忽略动作部分

我正在从事一个SpringMVC项目，我遇到了一个问题。我想要的是，当用户点击提交时，我们不应该离开页面，我们应该留下来。但提交的值将用作同一页面中函数的参数。这里，让我们说我想打印它，这是错误输入的部分

我应该怎么做才能做到这一点？请帮助

单击提交按钮时，您可以在此处使用

ajax

调用此函数，然后使用此调用您的ajax将输入值传递到服务器，然后在服务器端执行您需要执行的操作，然后将结果返回到ajax

您的表格：

html> 
    <head> 
        <title>Landing</title> 
        <meta charset="UTF-8"> 
        <meta name="viewport" content="width=device-width, 
                                       initial-scale=1.0"> 
    </head> 
    <body> 
       
        <form name="testForm" action="move.jsp"> 
           <label><h1>Enter the data <h1/></label><br/> 
           <input type="text" name="DATA"><br/> 
           <input type="submit"> 
        </form> 
       
        <% out.println(DATA) %>  <!-- WRONG!! -->
    </body> 
</html>

然后在服务器端执行以下操作：

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
  <script>
    function submit_values() {
    //get input value
      var values = $("input[name='DATA']").val();
      console.log(values);
      $.ajax({
        type: 'POST',
        data: {
          values: values//passing to server
        },
        url: "Your_server_url",
        success: function(data) {
       alert(data);//this will display whatever server will return
      $("#result").html(data);//add response back to show
        }
      });
    
    }
</script>

Scriptlet是在服务器中编译的java代码。你可以使用Javascript来实现你想做的事情。你能给我一个解决这个问题的例子吗？可能是一个链接？所以你想调用的函数是java，也可以是javascript？这是一个java函数服务器端部分的映射是什么？如果你使用servlet，在

doPost

方法中添加该代码。另外，在

url

中，你需要给出servlet的

url

。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
  <script>
    function submit_values() {
    //get input value
      var values = $("input[name='DATA']").val();
      console.log(values);
      $.ajax({
        type: 'POST',
        data: {
          values: values//passing to server
        },
        url: "Your_server_url",
        success: function(data) {
       alert(data);//this will display whatever server will return
      $("#result").html(data);//add response back to show
        }
      });
    
    }
</script>

String data =request.getParameter("values");//get value 
 String send_back = something(data);//call your function
out.println("DATA BACK"+send_back );//this will go back to ajax