jquery从后台获取json数据

最新推荐文章于 2022-01-18 17:59:12 发布

静默时间-花开灿然

最新推荐文章于 2022-01-18 17:59:12 发布

阅读量812

点赞数

分类专栏： java开发

本文链接：https://blog.csdn.net/J525DZQ/article/details/41446571

版权

java开发专栏收录该内容

44 篇文章 0 订阅

订阅专栏

前台页面getData.jsp：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}"/>

<script language="javascript" src="${path}/js/jquery.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>数据处理</title>
<script type="text/javascript">
	$().ready(
		function(){
			$("button").click(function(){
				$.ajax({
					type:"GET",
					url:"http://localhost/项目名/test/json",
					dataType:"json",
					success:function(data){
						alert("name:"+data.name);//从后台获得json数据：name:test
					}
				});
			});
		}		
	);
</script>
</head>
<body>
  <button id="button">获得json</button>
</body>
</html>

后台TestController.java:

@Controller("TestController")
@RequestMapping("/test")
public class TestController {
	@RequestMapping("/json")
	public @ResponseBody String rtnJson(){
		String json = "{\"name\":\"test\",\"sex\":\"female\"}";//这里的json字符串中要注意转义符
		return json;
	}
}

返回json数据:

{"name":"test","sex":"female"}

// TestController 中使用@ResponseBody ，该方法返回 Java对象（支持复杂对象）（也就是把相应的数据绑定到要返回的对象上），MappingJacksonHttpMessageConverter 会将对象转换为 JSON 输出

配置文件中：

<!-- 返回JSON模版,用来处理json格式转换 -->
	<bean
		class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
		<property name="messageConverters">
			<list>
				<bean
					class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter" />
			</list>
		</property>
	</bean>

maven配置：

<!--springmvc返回json数据所需坐标 -->
		<dependency>
			<groupId>org.codehaus.jackson</groupId>
			<artifactId>jackson-core-asl</artifactId>
			<version>1.9.2</version>
		</dependency>
		<dependency>
			<groupId>org.codehaus.jackson</groupId>
			<artifactId>jackson-mapper-asl</artifactId>
			<version>1.9.2</version>
		</dependency>

静默时间-花开灿然

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jquery从后台获取json数据

getData.jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>数据处理 $().ready( function(){ $("button").click(function(){ var myData = {n
复制链接

扫一扫

专栏目录