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

本文介绍了在SpringMVC环境下如何实现Ajax异步请求JSON格式数据。首先,文章讲解了环境搭建,包括引入Jackson库和配置Spring MVC的JSON解析。接着,通过创建一个简单的网页,利用jQuery的ajax方法发送POST请求,并展示了对应的model类和controller处理方法。最终,文章展示了执行流程和实际效果。
摘要由CSDN通过智能技术生成

一 环境搭建

首先是常规的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" />

项目结构:

9265ae851a7f3b3316bfdcac77fa6360.png

二 测试实例

(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)效果如下:

673b2d4b1bf6f2ea42d7da72346795b3.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值