JavaWeb后台从input表单获取文本值的两种方式

Posted 小永coding

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaWeb后台从input表单获取文本值的两种方式相关的知识,希望对你有一定的参考价值。

 JavaWeb后台从input表单获取文本值的两种方式
####   index.html
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    <input type="text" name="name" id="cid"/>
    <button id="btn">提交</button>
    <script src="admin/js/jquery.min.js"></script>
    <script>
    
       $("#btn").click(function () {
            //获取input表单文本框的值
           var name=$(‘#cid‘).val();
            $(window).attr(‘location‘,‘/QueryOneStudent?sid=‘+name+‘‘);
        });
    </script>
    </body>
    </html>

####index2.html
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <form action="/QueryOneStudent">
        <input type="text" name="name" id="cid"/>
        <input type="submit" value="提交"/>
    </form>
    </body>
    </html>

####QueryOneStudent.java文件
    @WebServlet("/QueryOneStudent")
    public class QueryOneStudent extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("QueryOneStudent");

        String name = req.getParameter("name");
        System.out.println(name);

    }
    }
 

 
  

  

 
 

  

以上是关于JavaWeb后台从input表单获取文本值的两种方式的主要内容,如果未能解决你的问题,请参考以下文章

javaWeb前后端传递数据交互的两种方式

微信小程序获取input值的两种常用方式

JavaWeb总结

React 实现数据双向绑定 事件的绑定以及传参 获取表单值的两种方法

jQuery获取和设置表单元素的方法

jquery获取input表单值的代码