1. 程式人生 > >JavaWeb後臺從input表單獲取文本值的兩種方式

JavaWeb後臺從input表單獲取文本值的兩種方式

out script body throws ioe spa ava set action

 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表單獲取文本值的兩種方式