学习目标
利用Ajax实现分页查询
学习内容
学习产出
•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对象,以异步方式在客户端与服务器之间传递数据。
bug
问题描述
- 项目在ajax与后台交互的时候,前台的ajax一直接收不到后台Controller返回来的包装类对象的json数据,java对象和json对象转换一直报错
java.lang.IllegalArgumentException: No converter found for return value of type
2. JQuery代码提示Unresolved function or method $()问题
原因分析
-
错误为没有该类型值的转换器,但是@responseBody注解会自动将返回数据封装成json格式,前台接收不到json对象,应该为json包版本冲突问题。
-
没有导入响应的jar包
解决方案
-
springMVC版本使用4.X的时候,Jackson需要使用2.X的版本,并且此时jackson的核心组件也不一样了,核心组件为:
核心组件包括:jackson-annotations、jackson-core、jackson-databind,
分别导入这三个包,或者在pom.xml中引入依赖。
-
导入jar包
Maven远程仓库JQuery对应jar包