2020/9/3 日报:利用Ajax实现分页查询

学习目标

利用Ajax实现分页查询


学习内容

尚硅谷SSM框架实战,ssm整合教程


学习产出

•1、访问index.jsp页面
•2、index.jsp页面发送出查询请求
•3、Controller层来接受请求,查出数据
•4、来到list.jsp页面进行展示
上面这种方式只适用于浏览器和服务器之间的交互模型。


Ajax

Ajax返回json数据适用于各种客户端例如andriod,ios等,它们解析起来也会更方便。

Ajax的关键元素包括以下内容:
① JavaScript语言:Ajax技术的主要开发语言。
② XML/JSON/HTML等:用来封装请求或响应的数据格式
③ DOM(文档对象模型):通过DOM属性或方法修改页面元素,实现页面局部刷新
④ CSS:改变样式,美化页面效果,提升用户体验度
⑤ Ajax引擎:即XMLHttpRequest对象,以异步方式在客户端与服务器之间传递数据。

ajax与jquery,json的关系

bug

问题描述

  1. 项目在ajax与后台交互的时候,前台的ajax一直接收不到后台Controller返回来的包装类对象的json数据,java对象和json对象转换一直报错

java.lang.IllegalArgumentException: No converter found for return value of type
2. JQuery代码提示Unresolved function or method $()问题


原因分析

  1. 错误为没有该类型值的转换器,但是@responseBody注解会自动将返回数据封装成json格式,前台接收不到json对象,应该为json包版本冲突问题。

  2. 没有导入响应的jar包


解决方案

  1. springMVC版本使用4.X的时候,Jackson需要使用2.X的版本,并且此时jackson的核心组件也不一样了,核心组件为:
    核心组件包括:jackson-annotations、jackson-core、jackson-databind,
    分别导入这三个包,或者在pom.xml中引入依赖。
    在这里插入图片描述

  2. 导入jar包
    Maven远程仓库JQuery对应jar包

猜你喜欢

转载自blog.csdn.net/qq1350975694/article/details/108391698