Spring Mvc ajax和json数据格式的配置

最新推荐文章于 2018-02-10 09:17:26 发布

jack__ming

最新推荐文章于 2018-02-10 09:17:26 发布

阅读量505

点赞数

分类专栏： web 文章标签： ajax json spring mvc

本文链接：https://blog.csdn.net/jack__ming/article/details/51416162

版权

web 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

1.先导入jar包：这里jar包可能多一点有的是没有用的由于麻烦就没有去掉

2.配置配置文件：直接上代码

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>SpringMvcAjax01</display-name>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  
  <servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>*.do</url-pattern>
  </servlet-mapping>
  
</web-app>

Springmvc-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"     
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"     
        xmlns:context="http://www.springframework.org/schema/context" 
        xmlns:mvc="http://www.springframework.org/schema/mvc"    
   xsi:schemaLocation="http://www.springframework.org/schema/beans  
   	   http://www.springframework.org/schema/beans/spring-beans-3.0.xsd   
       http://www.springframework.org/schema/aop 
       http://www.springframework.org/schema/aop/spring-aop-3.0.xsd   
       http://www.springframework.org/schema/tx 
       http://www.springframework.org/schema/tx/spring-tx-3.0.xsd  
       http://www.springframework.org/schema/context 
       http://www.springframework.org/schema/context/spring-context-3.0.xsd
       http://www.springframework.org/schema/mvc 
       http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">
       
       
       <!-- 配置springMVC 注解驱动 -->
       <mvc:annotation-driven/>
       <!-- 扫描器 -->
       <context:component-scan base-package="cn"></context:component-scan>
       
       <!-- 配置视图解析器 -->
       <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
       	<!-- 前缀 -->
       	<property name="prefix" value="/view/"></property>
       	<!-- 后缀 -->
       	<property name="suffix" value=".jsp"></property>
       </bean>
       
       <!-- 从请求和响应读取、编写字符串 -->
       <bean id="stringConverter" class="org.springframework.http.converter.StringHttpMessageConverter">
       	<property name="supportedMediaTypes">
       		<list>
       			<value>text/plain;charset=UTF-8</value>
       		</list>
       	</property>
       </bean>
       
       <!-- 用于将对象转为json -->
       <bean id="jsonConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>
       
       <!-- 注解适配器 -->
       <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
       	<property name="messageConverters">
       		<list>
       			<ref bean="stringConverter"/>
       			<ref bean="jsonConverter"/>
       		</list>
       	</property>
       </bean>
       
</beans>

3.引入json的js 、编写jsp页面：

<%@ 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>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(function(){
		$("#btn").click(function(){
			$.post("ajax.do", function(data){
				alert(data);
				var html = "";
				for(var i=0; i<data.length; i++){
					html += "<tr><td>"+data[i].username+"</td><td>"+data[i].age+"</td><td>"+data[i].sex+"</td></tr>";
				}
				$("#context").html(html);
			});
		});
	});
</script>
</head>
<body>
	<input type="button" id="btn" value="提交">
	<table>
		<tr>
			<td>姓名</td>
			<td>性别</td>
			<td>年龄</td>
		</tr>
	<tbody id="context">
	</tbody>
	</table>
</body>
</html>

4.编写controller

package cn.com.jit.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.ResponseBody;

import cn.com.jit.po.User;

@Controller
public class AjaxController {

	@RequestMapping("/ajax.do")
	@ResponseBody
	public List<User> ajaxtest(){
		
		List<User> userl = new ArrayList<User>();
		userl.add(new User("zhangsan", "12", "男"));
		userl.add(new User("李四", "13", "女"));
		userl.add(new User("王五", "11", "男"));
		
		
		return userl;
	}
	
}

这里用到一个user的类可以自己进行编写：

package cn.com.jit.po;

public class User {

	private String username;
	private String age;
	private String sex;
	
	public User(String username, String age, String sex) {
		super();
		this.username = username;
		this.age = age;
		this.sex = sex;
	}
	public String getUsername() {
		return username;
	}
	public void setUsername(String username) {
		this.username = username;
	}
	public String getAge() {
		return age;
	}
	public void setAge(String age) {
		this.age = age;
	}
	public String getSex() {
		return sex;
	}
	public void setSex(String sex) {
		this.sex = sex;
	}
	
	
	
}

到此差不多已经完成了ajax json数据格式异步请求。

jack__ming

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Spring Mvc ajax和json数据格式的配置

1.先导入jar包：这里jar包可能多一点有的是没有用的由于麻烦就没有去掉2.配置配置文件：直接上代码web.xml SpringMvcAjax01 index.jsp springmvc org.springframework.web.servlet.DispatcherServlet spring
复制链接

扫一扫

专栏目录