ajax jquery实现页面某一个div的刷新效果
程序员文章站
2022-12-03 16:46:52
原始代码是这样的:效果截图:想要实现的效果,图片红色标记的部分,点击下拉列表,下面的复选框的值跟随下拉列表的变化而变化。首先说一下解决思路:为下拉列表添加onchange事件,然后ajax异步提交给c...
原始代码是这样的:
效果截图:
想要实现的效果,图片红色标记的部分,点击下拉列表,下面的复选框的值跟随下拉列表的变化而变化。
首先说一下解决思路:为下拉列表添加onchange事件,然后ajax异步提交给controller,进行数据库查询,然后返回modelandview,modelandview设置的view为一个新的jsp页面,该jsp页面里面嵌套的代码为要改变的div代码。
为下拉列表添加onchange事件:
为时间添加ajax异步刷新事件:
返回的压面直接在div中加载
提交给updateac.action:
根据下拉列表选择的值然后从数据库中进行查找该值对应的信息返回,然后渲染comp.jsp页面
comp.jsp:
现在就可以实现页面的局部刷新。
总结
到此这篇关于ajax jquery实现页面某一个div刷新效果的文章就介绍到这了,更多相关ajax jquery页面div刷新内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
上一篇: 他(她)们可是有点儿欠揍!
下一篇: 漂亮美眉无比尴尬的丢人事~~
推荐阅读
-
jQuery实现AJAX定时刷新局部页面实例
-
使用Yii整合的pjax(pushstate+ajax)实现无刷新加载页面
-
jQuery实现页面倒计时并刷新效果
-
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
-
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
-
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
-
js+html5实现页面可刷新的倒计时效果
-
用户管理的设计_jquery的ajax实现二级联动效果
-
jQuery基于ajax实现页面加载后检查用户登录状态的方法
-
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用