1901015004
/
test


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
							<%--
  Created by IntelliJ IDEA.
  User: ldn
  Date: 2021/10/13
  Time: 12:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<%--    <script type="text/javascript"  src="js/jquery-3.6.0.js"></script>--%>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script type="text/javascript">
        function send1() {
            let id = $("#id").val();
            let name = $("#name").val();
            $.ajax({
                url: "test2",
                type: "post",
                //data表示发送的数据
                data: JSON.stringify({username: id, password: name}),
                dataType: 'json',
                contentType: 'application/json;charset=UTF-8',
                success: function (data) {
                    // alert(data)
                    // // alert(JSON.stringify(data));
                    $('.result').text(JSON.stringify(data));

                    // for (let i = 0; i < data.length; i++) {
                    //      $('.result').text(data[i].username);
                    // }
                }
            });
        }
    </script>
</head>
<body>
   <form>
       学号:<input id="id" type="text"><br>
       姓名:<input id="name" type="text"><br>
       <input type="button" value="提交json数据" onclick="send1()">
   </form>
   <div class="result"></div>

</body>

</html>