Ajax异步添加数据(SSM框架)

界面布局

Ajax异步添加数据(SSM框架)

需求分析

前提:不刷新界面
1. 增加数据
2. 表格下插入刚刚添加的数据,以便做到数据同步

具体实现

Mybatis SQL语句

Ajax异步添加数据(SSM框架)

Java代码

Ajax异步添加数据(SSM框架)

HTML代码

Ajax异步添加数据(SSM框架)

JavaScript代码

Ajax异步添加数据(SSM框架)

实现要点:

  1. 编写Mybatis的SQL学会如何增加时,并返回增加数据的主键id
  2. Controller层不要用 ModelAndView 直接 return 新增加数据的主键Id,以便Ajax取到值
  3. 熟练使用JavaScript或jQuery取DOM节点,以便插入表格中