javascript中的Spring MVC modelAndView对象答案

【问题标题】：Spring MVC modelAndView object in javascriptjavascript中的Spring MVC modelAndView对象
【发布时间】：2015-04-10 12:12:41
【问题描述】：

问题：我有一个简单的控制器，它返回一个硬编码位置列表。当我想使用 $.get 在我的 javascript 文件中获取我的位置并在我的控制台中打印它时，我会得到一些奇怪的“未定义”结果。

控制器：

@RestController
@RequestMapping("/locationOverview")
public class LocationOverviewController {

    private LocationGuide service;

    public LocationOverviewController() {
        this.service = new LocationGuide("Memory");
    }

    @RequestMapping(method = RequestMethod.GET)    
    protected ModelAndView getLocations() {
        ArrayList<Location> locations = new ArrayList<Location>();
        locations.add(new Location(1,"KHL",new Geolocation(51,51)));
        locations.add(new Location(2,"KUL",new Geolocation(51,51)));

        return new ModelAndView("locationOverview", "locations", locations);
    }

}

mapScript JS：

function initialize() {
    $.get("locationOverview.htm", function(data){
        for(var i=0; i<data.length; i++){
            console.log(data[i].name);
        }
    })
}

JSP 文件：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="domain.Location"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Leuven Speaks</title>
        <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
        <script type="text/javascript" src="<c:url value="/js/mapScript.js" />"></script>
    </head>
    <body onload="initialize()">

        <jsp:include page="header.jspf"/>
    </body>  
</html>

【问题讨论】：

i get some weird "undefined" results 是什么？
$.get 的第二个参数是否丢失？
这是我在控制台中得到的：i.imgur.com/HB1hki8.png

标签： java javascript spring-mvc controller

【解决方案1】：

您实际上应该使用开发工具检查该数据包含的内容。您向我们展示的控制器方法看起来不是映射到locationOverview.htm 的方法。如果要使用 ajax 查询数据，请改用 @ResponseBody 注解返回列表。

模型中传递的数据将在您定义为 ModelAndView 中的视图的 JSP 页面中可用。

一些学习资源：

http://www.beingjavaguys.com/2014/05/json-response-with-responsebody_31.html

https://developer.chrome.com/devtools/docs/javascript-debugging

【讨论】：