对Spring MVC的Ajax POST调用

Question

这个问题是ajax Spring mvc中返回模型和视图的后续

因为唯一的答案是我们需要从控制器返回json，而不是Model AndView。所以问题是

• 如何返回ModelAndView
• 如何呈现页面：-
  • 它必须在ajax调用的成功部分处理吗
  • 或者Spring Controller将像在Spring MVC中那样返回页面

  更新1：如前所述，我尝试了示例。这是我的代码。

  @Controller
  public class AppController 
  {
  
  @RequestMapping(value="/greeting",method=RequestMethod.POST)
  @ResponseBody
  public ModelAndView getGreeting(@RequestBody String json) throws IOException
  {
      JSONObject inputjsonObject = new JSONObject(json);
      String name = inputjsonObject.getString("name");
      ModelAndView modelAndView = new ModelAndView();
      String result = "Hi "+name;
      modelAndView.addObject("testdata", result);
      modelAndView.addObject("user", getPrincipal());
      modelAndView.setViewName("greetingHtmlPage");
      return modelAndView;
  }
  // other stuff
  }
  

  在上述控制器方法中，我可以成功地获取数据。这个方法是从home.html上的javascript调用的。下面是javascript函数

   function callGreeting(){
              var nameData={
                      name :  document.getElementById("name").value
                  }
              var dataInJson = JSON.stringify(nameData);
              var csrf_token = document.getElementById("token").value;
              $.ajax({
              type: 'POST',
              url: "greeting",
              data: dataInJson,
              cache:false,
              beforeSend: function(xhr) { 
                  xhr.setRequestHeader('X-CSRF-Token', csrf_token);
                  xhr.setRequestHeader("Accept", "application/json");  
                  xhr.setRequestHeader("Content-Type", "application/json");  
              },
             success: function (response) {
                 document.open();
                  document.write(response);
                  document.close();
              },
              error: function (data) {
                  alert("failed response");
              }
          }); }
  

  我已成功渲染页面。但即使在加载新页面之后，应用程序的url也不会从AjaxSpringMVC:8080/home更改为AjaxSpring MVC:8080/heeting。如果在不使用Ajax的情况下使用，Spring MVC中会发生这种情况。

Answer 1

如何返回ModelAndView？

您可以像往常一样返回Model AndView：

public ModelAndView returnView( Model model ) {
    model.addAttribute( "myStaff", "my staff as string" );

    return new ModelAndView( "myView" );
}

页面的呈现方式：

您可以控制它的呈现方式。当您返回＜code＞ModelAndView＜/code＞时，响应会有一个HTML页面。在Ajax调用之后，您可以执行$（“#container”）。html（response）或类似的东西，以便在任何地方显示html页面。

换句话说，您从控制器获得了一整页html内容。

然而，我强烈建议您只返回json对象并用json对象更新您的视图。Ajax主要用于通过异步更新视图的一部分来创建良好的用户体验，所以用Ajax获得整个页面对我来说没有意义。

如何在Controller中读取来自ajax的post数据。

有很多方法，我喜欢将json体直接发送到控制器

@ResponseBody
@RequestMapping(value = "/saveObj", method = RequestMethod.POST, consumes = "application/json")
public String saveObj(Model model, @RequestBody MyObj myObj) {
    // do staff..
}