第七讲 Spring MVC中AJAX和JSON的处理

来源：互联网发布：淘宝申请退换货流程编辑：程序博客网时间：2024/06/03 15:22

一、使用HttpServletResponse来处理-不需要配置解析器

@RequestMapping(value = "/ajax", method=RequestMethod.POST)

public void ajax(String name, HttpServletResponse response) throws IOException {

if("siggy".equals(name)) {

response.getWriter().print("true");

}

else {

response.getWriter().print("false");

}

$(document).ready(function() {

$("button").click(function() {

$.post("ajax.do", {'name':$("#txtName").val()}, function(data) {

alert("数据：" + data);

});

</script>

</head>

<body>

用户名：<input id="txtName" type="text" /><br><br>

<button>向页面发送 HTTP POST 请求，然后获得返回的结果</button><br><br>

</body>

二、Spring MVC处理JSON数据（用异步响应回去的一般都是JSON格式的数据）

导入jar包：

<groupId>com.fasterxml.jackson.core</groupId>

<artifactId>jackson-databind</artifactId>

</dependency>

配置JSON转换器：

<bean id="stringConverter"

class="org.springframework.http.converter.StringHttpMessageConverter">

<list>

<value>text/plain;charset=UTF-8</value>

</list>

</property>

</bean>

<bean id="jsonConverter"

class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"></bean>

<bean

class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">

<list>

</list>

</property>

</bean>

Controller代码：

@Controller

publicclassJsonController {

@RequestMapping(value ="/json")

@ResponseBody

publicList<User> json() {

List<User>list= newArrayList<User>();

list.add(newUser(1,"zhangsan","男"));

list.add(newUser(2,"nico","female"));

list.add(newUser(3,"jackson","男"));

returnlist;

}

JSP页面代码

<scriptsrc="./jquery/jquery-3.2.1.min.js"></script>

$(document).ready(function() {

$("#button").click(function() {

$.post("json.do",function(data) {

varhtml = "";

for(vari = 0; i < data.length; ++i) {

html +="<tr><td>"+data[i].id

+"</td><td>"+data[i].name

+"</td><td>"+data[i].sex+"</td></tr>";

}

$("#content").html(html);

});

</script>

</head>

<body>

<inputid="button"type="button"value="获取数据"/><br>

<tablewidth="80%"align="center">

<tr>

</tr>

<tbodyid="content">

</tbody>

</table>

</body>

实体类代码

publicclassUser {

privateintid;

privateStringname;

privateStringsex;

publicUser() {

}

publicUser(intid, Stringname, Stringsex) {

super();

this.id=id;

this.name=name;

this.sex=sex;

}

//下面省略get、set方法

阅读全文

0 0