原始代码是这样的:效果截图:想要实现的效果,图片红色标记的部分,点击下拉列表,下面的复选框的值跟随下拉列表的变化而变化。首先说一下解决思路:为下拉列表添加onchange事件,然后ajax异步提交给controller,进行数据库查询,然后返回ModelAndView,ModelAndView设置的view为一个新的jsp页面,该jsp页面里面嵌套的代码为要改变的div代码。为下拉列表添加onchange事件:为时间添加ajax异步刷新事件:返回的压面直接在div中加载提交给updateAc.action:根据下拉列表选择的值然后从数据库中进行查找该值对应的信息返回,然后渲染comp.jsp页面comp.jsp:现在就可以实现页面的局部刷新。

ajax jquery实现页面某一个div的刷新效果

ajax jquery实现页面某一个div的刷新效果

ajax jquery实现页面某一个div的刷新效果

ajax jquery实现页面某一个div的刷新效果