第11讲 11.2 SpringBoot表单校验

最新推荐文章于 2025-07-05 10:00:00 发布

原创最新推荐文章于 2025-07-05 10:00:00 发布 · 190 阅读

1 ·

CC 4.0 BY-SA版权

SpringBoot基础专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个使用HTML、jQuery和Ajax结合的方法来添加学生信息的网页应用。通过前端页面输入学生姓名和年龄，利用Ajax技术向后端发送POST请求，实现数据的异步提交，并展示了具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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, 测试。