8, 写studentAdd.html 方法,导入jquery,ajax 方式提交,
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>添加学生信息</title> <script type="text/javascript" src="http://www.cruiseloveashley.com/js/inc/jquery.min.js?v=2.30"></script> <script type="text/javascript"> function submitData(){ $.post("/student/add",{name:$("#name").val(),age:$("#age").val()},function(result){ alert(result); } ); } </script> </head> <body> 添加学生信息<br/> 学生姓名:<input type="text" id="name" name="name" /><br/> 学生年龄:<input type="text" id="age" name="age" /><br/> <input type="button" onclick="submitData()" value="提交"/> </body> </html> |
9, 测试。