java异步请求显示数据格式_SpringMVC环境下实现的Ajax异步请求JSON格式数据

一 环境搭建

首先是常规的spring mvc环境搭建，不用多说，需要注意的是，这里需要引入jackson相关jar包，然后在spring配置文件“springmvc-servlet.xml”中添加json解析相关配置，我这里的完整代码如下：

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 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-4.0.xsd

http://www.springframework.org/schema/context

http://www.springframework.org/schema/context/spring-context-4.0.xsd

http://www.springframework.org/schema/mvc

http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">

class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">

text/html;charset=UTF-8

application/json;charset=UTF-8

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

content-negotiation-manager="contentNegotiationManager" />

class="org.springframework.web.accept.ContentNegotiationManagerFactoryBean">

atom=application/atom+xml

html=text/html

json=application/json

xml=application/xml

*=*/*

class="org.springframework.web.servlet.view.InternalResourceViewResolver">

value="org.springframework.web.servlet.view.JstlView" />

项目结构：

二 测试实例

(1)在WEB-INF/jsp目录下新建了一个index.jsp文件，包含了简单的jQuery的ajax请求，请求数据的格式是JSON，具体代码如下：

pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

+ path + "/";

%>

jQuery i18n

$().ready(

function() {

$("#sub").click(

function() {

var name = $("#username").val();

var age = 18;

var user = {"username":name,"age":age};

$.ajax({

url : 'hello.json',

type : 'POST',

data : JSON.stringify(user), // Request body

contentType : 'application/json; charset=utf-8',

dataType : 'json',

success : function(response) {

//请求成功

alert("你好" + response.username + "[" + response.age + "]，当前时间是：" + response.time + "，欢迎访问：http://www.zifangsky.cn");

},

error : function(msg) {

alert(msg);

}

});

});

});

style="width: 100px; height: 30px; font-size: 20px; font-weight: bold;">

style="height: 40px; height: 30px;">

(2)一个简单的model类User，代码如下：

package cn.zifangsky.controller;

public class User {

private String username;

private int age;

public String getUsername() {

return username;

}

public void setUsername(String username) {

this.username = username;

}

public int getAge() {

return age;

}

public void setAge(int age) {

this.age = age;

}

}

(3)controller类TestController.java：

package cn.zifangsky.controller;

import java.text.Format;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.HashMap;

import java.util.Map;

import org.springframework.context.annotation.Scope;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestBody;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.servlet.ModelAndView;

@Controller

@Scope("prototype")

public class TestController {

/**

* 转到页面

*/

@RequestMapping(value = "/hello.html")

public ModelAndView list() {

ModelAndView view = new ModelAndView("index");

return view;

}

/**

* ajax异步请求， 请求格式是json

*/

@RequestMapping(value = "/hello.json", method = { RequestMethod.POST })

@ResponseBody

public Map hello(@RequestBody User user) {

// 返回数据的Map集合

Map result = new HashMap();

Format format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

// 返回请求的username

result.put("username", user.getUsername());

// 返回年龄

result.put("age", String.valueOf(user.getAge()));

// 返回当前时间

result.put("time", format.format(new Date()));

return result;

}

}

关于具体的执行步骤我简单说一下：

i)项目启动后，在浏览器中访问：http://localhost:8089/SpringDemo/hello.html，然后会转到执行controller中的list方法，接着会转到/WEB-INF/jsp/index.jsp(PS：在controller中返回的是逻辑视图，跟在springmvc-servlet.xml文件中定义的路径前缀和后缀进行拼接后合成文件的真正路径)

ii)在index.jsp页面输入文字然后点击按钮，将会触发ajax请求，这个请求会获取输入框中的数据和默认的“age”参数拼接成json格式字符串最后提交到“hello.json”这个请求，也就是执行controller中的hello方法

iii)hello方法执行完毕后会返回一系列数据最后在页面中显示出来

(4)效果如下：

以上所述是小编给大家介绍的SpringMVC环境下实现的Ajax异步请求JSON格式数据的相关内容，希望对大家有所帮助！