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

来源：互联网发布：大数据分析师待遇编辑：程序博客网时间：2024/05/19 19:39

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;@Controllerpublic class AjaxController {@RequestMapping("/ajax.do")@ResponseBodypublic 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数据格式异步请求。

0 0