关于查询时使用Ajax实现局部刷新的问题

关于查询时使用Ajax实现局部刷新的问题

老师,查询时使用Ajax实现局部刷新,我不知道怎么做,我的想法是这样,按图书名,与按分类查询,返回的应该是一个存放book的List集合,如果用Ajax,怎么接收返回呢?可能是我的想法错了,麻烦老师给我讲一下这个利用Ajax实现查询功能的思路。谢谢老师

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

如下图所示。你将tbody标签设置id=“cont”,

http://img1.sycdn.imooc.com//climg/5b63ee0000017c9304220202.jpg

然后在ajax中声明一个contend变量,将获取到的图书数据整理成页面展示的形式,接着将id为cont的tbody标签内的tr标签移除。

http://img1.sycdn.imooc.com//climg/5b63ee75000159ef04480076.jpg

最后使用下图代码在页面中输出查询到的内容,也就是整理之后图书数据。如果我的建议解决了你的问题,请采纳,祝学习愉快~

http://img1.sycdn.imooc.com//climg/5b63eef40001120e02460051.jpg

chrismorgen 2018-08-02 14:31:23

如下图所示,通过下图方法通过JSONArray将list集合返回给Ajax,下图标记的方法是会返回一个list集合,跟你的代码可能有些出入,仅供同学参考。

http://img1.sycdn.imooc.com//climg/5b62a4a60001414906530110.jpg

然后在Ajax中接收json数据,祝学习愉快~

http://img1.sycdn.imooc.com//climg/5b62a5320001693e04340187.jpg

  • 提问者 李成大独秀 #1
    谢谢老师,不过我还有个问题,在Ajax中遍历得到bookList中的图书信息后要怎么处理,怎样才能用jstl中的迭代标签把数据写到页面中呢
    2018-08-03 12:31:22
chrismorgen 2018-08-01 19:01:46

你的思路是正确的,可以通过在jsp页面获取图书id,图书名称,图书分类。然后将这些数据传给servlet,经由servlet处理之后使用json返回给ajax,建议你复习一下Ajax中的内容,祝学习愉快~

http://img1.sycdn.imooc.com//climg/5b6192d40001ca8612840398.jpg

  • 提问者 李成大独秀 #1
    我不知道怎么把List集合使用json返回给Ajax
    2018-08-02 13:46:30
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师