fcmy0 2020-01-13 17:25 采纳率: 0%
浏览 637

在spring mvc 中使用@ResponseBody将对象封装为json发送给前端,前端接并提取在页面时候变成了undefined,是不是版本或者什么原因?

spring mvc 中Controller的代码

package cn.sxt.conntroller;

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;

@Controller
public class JsonConntroller {
    @RequestMapping("/json")
    @ResponseBody
    public List<User> json(){
        List<User> list = new ArrayList();
        list.add(new User("jake", 10, "men"));
        list.add(new User("nico", 10, "women"));
        list.add(new User("joker", 10, "men"));
        return list;
    }
}

index.jsp代码

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("#b").click(function(){
            $.post("json.do",function(data){
                var html="";

                for(var i = 0;i<data.length;i++){ 
                    html+="<tr><td>"+data[i].name+"</td><td>"+data[i].age+"</td><td>"+data[i].sex+"</td></tr>"
                }
                $("#content").html(html);
            });
        });
    });
</script>
</head>
<body>
    <input type="button" id="b" value="获取信息">
    <table width="80%" align="center">
        <tr>
            <td>name</td>
            <td>age</td>
            <td>sex</td>
        </tr>
        <tbody id="content"></tbody>
    </table>
</body>
</html>

在浏览器上面的展示图
图片说明
导入的jar包和jswen'jian
jackson-annotations-2.9.9.jar
jackson-core-2.9.9.jar
jackson-databind-2.9.9.jar
jquery-3.4.1.min.js

  • 写回答

3条回答

  • Oximimasu 2020-01-13 18:43
    关注

    直接console.log(data) 看看接收到的list是什么样子的,
    怀疑是否是java 的 user对象没有设置get set方法?导致封装responseBody封装user为json的时候属性没有值

    还有 我看你requestMapping里路径json
    到前台url 又变成了json.do 确认一下是否有问题

    评论

报告相同问题?

悬赏问题

  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容
  • ¥15 关于#stm32#的问题:CANOpen的PDO同步传输问题
  • ¥20 yolov5自定义Prune报错,如何解决?