OGeek|极客世界-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

ajax 动态传递jsp等页面使用id辨识传递对象

2022-2-5 16:58| 发布者: 菜鸟教程小白| 查看: 233| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 本文为大家介绍下使用ajax动态传递jsp等页面，js的jax编写，使用id辨识传递对象

ajax 动态传递页面, js 的ajax编写，使用id辨识传递对象

例如：现在有个需求，一个页面，分成左右两块，左侧导航菜单有个用户列表信息功能按钮，想在右侧无刷新情况下加载用户数据，列表显示。

我们定义两个jsp main.jsp userlist.jsp

main.jsp 右侧有个div id='userlist' 层，负责接受通过传递过来的userlist.jsp

userlist 处理列表数据 for循环 jstl foreach 标签都可以

main.jsp 点击用户列表按钮触发下面js

doAjax("userlist",访问请求，交给后台处理，后台查询db拿到数据，传递到userlist.jsp页面);

这样用户会看到无刷新情况下时时加载最新的用户数据，避免了通常的json 的 js 的处理方式或者ifram提前加载的处理方式