243
文章
15
说说
312
评论
244367
访问

个人博客网站:prettywordpress.com(吃饭用大碗的程序猿)

最新评论
qq_avatar
1年前,”四五设计网”在《如何使用百度云CDN优化wordpress速度》
说:来学习一下,应该用得上
qq_avatar
2年前,” ”在《友情链接》
说:像不能用了更新地址为 https://aba.pet/wp-content/uploads/2022/05/favicon-1.gif
qq_avatar
2年前,”Alex”在《终于找到拖慢网站的罪魁祸首》
说:优化这么快,你有想过我们的感觉?
qq_avatar
3年前,”ヘル”在《码农=新生代农民工》
说:打卡@[huaixiao]
qq_avatar
3年前,”肋巴骨”在《Win10系统桌面一直闪屏自动刷新怎么办》
说:不错啊,这是谁写的教程,真棒
A+

SpringMVC的Ajax请求与处理返回json数据

标签: 最后编辑:2020年6月11日

这里我用了三种形式返回 1、String 2、返回对象 3、 返回数组

一、以String方式返回

先看一下JavaScript代码

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("input[name=uname]").blur(function(){
var name = $(this).val();
$.ajax({
url:"ajaxC/checkName",
type:"post",
data:"uname="+name,
datatype:"html",
success:function(res){
$("#show").html(res)
}
})
})

$("button[name=bb]").click(function(){
$.ajax({
url:"ajaxC/checkName1",
type:"post",
datatype:"json",
success:function(res){
alert(res.id+"----"+res.name+"----"+res.age)
}
})
})

$("button[name=btn]").click(function(){
var name = $(this).val();
$.ajax({
url:"ajaxC/checkName2",
type:"post",
datatype:"json",
success:function(res){
$(res).each(function(i,u){
alert(u.id+"----"+u.name+"----"+u.age)
})
}
})
})

})
</script>
<body>
用户名:<input name="uname"/><span  id="show"></span><button name="bb" type="button" >获取单个信息</button><button name="btn" type="button" >获取集合信息</button>
</body>
</html>

这里我用Ajax异步请求到后台controller的控制台,第一个Ajax是判断用户名是否合法,第二个Ajax是接收后台传过来的对象数据,第三个是接收后台传过来的集合。
下面请看controller控制台代码
方法体上注解@ResponseBody,返回值类型还可以为Map,Array等。json处理器帮我们构造成JSON格式字符串,减少工作量。


package com.direct.controller;

import java.util.ArrayList;
import java.util.List;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;

import com.direct.entity.UserInfo;

@Controller
@RequestMapping(value="/ajaxC")
public class AjaxController {
@RequestMapping(value="/checkName",method=RequestMethod.POST)
@ResponseBody
private String  checkName(String uname) {
if(uname!=null && uname.matches("[a-zA-Z0-9]{6,}")){
return "<span style='color: green;'>用户名可用</span>";
}
return "<span style='color: red;'>用户名不可用</span>";
}

@RequestMapping(value="/checkName1",method=RequestMethod.POST)
@ResponseBody
private UserInfo  checkName1() {

UserInfo user = new UserInfo(1, "战三", 18, "男");

return user;
}


@RequestMapping(value="/checkName2",method=RequestMethod.POST)
@ResponseBody
private List<UserInfo>  checkName2() {
List<UserInfo> ulist = new ArrayList<>();
ulist.add(new UserInfo(1, "战三", 18, "男"));
ulist.add(new UserInfo(2, "战三2", 16, "男"));
ulist.add(new UserInfo(3, "战三3", 12, "女"));
ulist.add(new UserInfo(4, "战三4", 20, "男"));
return ulist;
}
}


和普通的Ajax异步请求不同的是,SpringMVC不需要采用HttpServletResponse,只需要在方法上面加入注解 @ResponseBody 就可以了,加了之后需要在SpringMCV中配置处理ResponseBody返回编码格式和json转换,下面是处理ResponseBody返回编码格式和json转换的代码:


<!-- 处理ResponseBody返回编码格式 -->
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<bean class="org.springframework.http.converter.StringHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/html;charset=UTF-8</value>
</list>
</property>
</bean>
<!-- SpringMVC的json转换 -->
<bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter"></bean>
</list>
</property>
</bean>

PS:如果你的SpringMVC中配置的有处理静态资源的话<mvc:annotation-driven/> 需要将你处理ResponseBody返回编码格式的代码放在它的上面,不然还是会中文乱码。


原文链接:https://blog.csdn.net/Rm_and_Rf/article/details/90402912

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

发表一下你的评论呗

回复评论代表你同意网站的 隐私政策

... 友情提示 请保留版权标识
复制成功!
目录