Sping MVC用@ResponseBody返回json入门实例

大致思路:前台用ajax 上传表单参数------>到controller利用@ResponseBody转换成json数据------>前台接收

 

前台

test.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>  
<script type="text/javascript" src="static/js/jquery-3.2.1.slim.min.js"></script>  
<script type="text/javascript" src="static/js/jquery.js"></script> 
<script type="text/javascript" src="static/js/jquery.min.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf8">  
<title>Insert title here</title>  
<script type="text/javascript" language="javascript">
    function requestJson() {
        $.post("${pageContext.request.contextPath}/music/login1.do",
                function(data) {
                    console.log(data)
                    alert("成功"+JSON.stringify(data))
                }, "json");
        
    }
</script> 
</head>  
<body>  
   <form id="jsonh">
        <input type="button" value="开始" οnclick="requestJson()" />
    </form>
</body>  
</html>

${pageContext.request.contextPath}不懂的看这篇博客http://blog.csdn.net/mint6/article/details/77381444

前台主要是  点击按钮     开始---->触发onclick点击requestJson()函数---->post方式,提交路径---->然后是一个回调函数

data接收从后台传来的数据

 

LoginController.java

package com.music.controller;

import java.util.HashMap;
import java.util.Map;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller  
@RequestMapping("/music")
public class LoginController {
     
     @RequestMapping("/login1.do")  
     @ResponseBody
        public  Map<String,Object> login(){  
           
            Map<String,Object> map = new HashMap<String,Object>();  
              map.put("a", "1");
              for (String s : map.keySet()) {
                  System.out.println("key:" + s);
                  System.out.println("values:" + map.get(s));
                  }
            return map;  
        }  

}

前台根据路径进入login函数--->这里为了演示自己写了一个map并put保存数据--->然后@ResponseBody转换格式---->然后返回前台,回调函数接收

 

如果出现406错误 看这个http://blog.csdn.net/mint6/article/details/77464724

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值