Spring boot 中 jQuery AJAX 请求上的 404

Question

我最近创建了一个 Spring 启动项目，并尝试使用 jQuery AJAX 从 Spring 中的 Controller 获取数据。由于某种原因，它返回 404。

我的控制器

import java.util.ArrayList;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class HomeController {

    @RequestMapping(value="/", method=RequestMethod.GET)
    public String loadHome() {
        return "index";
    }

    @RequestMapping(value="/getMajors", method=RequestMethod.GET)
    public ArrayList<String> getMajors(){
        ArrayList<String> majors = new ArrayList<>();
        majors.add("Computers");
        majors.add("Physics");
        return majors;
    }

}

第一种方法是加载主页index.html第二种方法是映射到AJAX请求的方法。

我的 jQuery AJAX 请求

$.ajax({
    type:"get",
    url:"/getMajors",
    success:function(data){
        console.log(data);
    },
    error:function(data){
        console.log(data);
    }
});

请告诉我为什么我会在这里收到 404。 TIA。

编辑：这个应用是在 Springboot 中创建的。带有 web、开发工具包的标准配置 - 来自 spring 初始化程序。

Answer 1

我猜你错过了两件事。一个是上下文名称，通常是项目的名称或部署到服务器的 war 文件，除非您在 web.xml 中提供另一个上下文。来自 web.xml 文件的示例 servlet 映射：

<servlet-mapping>
    <servlet-name>dispatcher</servlet-name>
    <url-pattern>/*</url-pattern>
</servlet-mapping>

因此，当您的 ajax 调用命中 /getMajors 时，它通常指向 "localhost:port/getMajors" 而不是说 "localhost:port/sampleproj/getMajors" 。您缺少那里的上下文。

所以你的方法需要如下所示：

@RequestMapping(value = "/getMajors", method = RequestMethod.GET, produces = MediaType.APPLICATION_JSON_VALUE)
public ArrayList<String> getMajors(){
        ArrayList<String> majors = new ArrayList<>();
        majors.add("Computers");
        majors.add("Physics");
        return majors;
}

调试这些的一个好方法是查看开发者控制台 (Chrome) 以获取请求响应信息。

编码愉快！

编辑 1：从方法中删除 @ResponseBody，因为该类使用 @RestController 进行了注释。但是如果类被@Controller注解，我的说法是正确的。

Answer 2

由于你只是想返回一个数据列表，所以你需要使用@ResponseBody让它只返回数据列表，改变你的代码如下：

   @RequestMapping(value="/getMajors", method=RequestMethod.GET)
   @ResponseBody
   public ArrayList<String> getMajors(){
        ArrayList<String> majors = new ArrayList<>();
        majors.add("Computers");
        majors.add("Physics");
        return majors;
    }

另外，你需要注意 ajax get 方法缓存