赞
踩
如果当我们的页面发送一个Ajax请求,明显是一个异步请求,若我的后台要把对象转换成JSON格式的字符串给响应回去。 那么怎么办??
想要完成这个,首先要搭建一个异步的环境.
引入一个js文件
我们发现,我们点击的时候,它没有弹出内容
为什么呢?
因为我们的web.xml里面 拦截了任何的资源
静态资源:样式,图片,js
所以我们要告诉前端控制器,哪些静态资源不拦截
其中css和images的内容没有写完全!!! 以后如果有样式和图片也再webapp底下创建css和images对应的包!!
location:是指不拦截这个路径下的文件
** 代表当前路径下的任何文件
mapping:跟我的映射请求有关,与我们指定的这个路径下的文件进行映射
以后相关的,静态资源不拦截设置
<mvc:resources location="/js/" mapping="/js/**"/> <!-- 图片 -->
<mvc:resources location="/css/" mapping="/css/**"/> <!-- 样式 -->
<mvc:resources location="/images/" mapping="/images/**"/> <!-- 图片 -->
成功弹出内容!!!
<script> //页面加载,绑定单击事件 $(function () { $("#btn").click(function () { // alert("hello btn"); //发送Ajax请求 $.ajax({ //编写json格式,设置属性和值 url:"user/testAjax", contentType:"application/json;charset=UTF-8", data:'{"username":"hehe","password":"123","age":30}', dataType:"json", type:"post", success:function (data) { //data服务器端响应的json的数据,进行解析 } }); }); }); </script>
Controller类中:
点击之后:
控制台输出:
Ajax的异步请求响应成功
用Ajax模拟异步请求响应成功,那么接下来
能不能把json这个串封装到一个JavaBean的对象当中
如果能的话,把json的这个串给响应回来
客户端能拿到这个结果,进行局部的刷新和处理
想把json这个串封装到一个JavaBean的对象当中
首先json字符串和JavaBean的对象互相转化的过程中,需要使用jackson的jar包
pom文件中
<!-- jackson的jar包--> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.9.0</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-core</artifactId> <version>2.9.0</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-annotations</artifactId> <version>2.9.0</version> </dependency>
拿到User对象,自己把user对象转换成json字符串,
然后再通过response对象拿到它的输出流,在往回写出去
但是写的如下代码不用那么麻烦了,现在直接返回user,
内部转换成对象,帮你响应
点击:
弹出内容:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。