Spring MVC使用ajax发送和接收参数

时间:2018-05-07 09:32:55

标签: javascript jquery ajax spring spring-mvc

我将请求ajax发送给spring控制器。但是在我发送请求时它没有显示任何内容。

我的ajax请求

  $(".secs li a").on("click",function(e){
      e.preventDefault();
      var id = $(this).data("value");
          $.ajax({
              url:"../tmax",
              type:"POST",
              data:{id:id},
              success: function(response){
                  $("#testdata").html(response);
              }
          })

      })

我的控制器

@RequestMapping(value = "/tmax", method = RequestMethod.POST)
public ModelAndView tmax(@RequestParam("id") String id) {
    ModelAndView model = new ModelAndView("tmax");
    model.addObject("dataCOLL", userService.finddataCOLLById(id));
    return model;
}   

我在 home.jsp 中发送请求。数据应为tmax.jsp并显示在 home.jsp

我的tmax.jsp页面

<p>Hello World</p>

感谢名单

1 个答案:

答案 0 :(得分:4)

您可以使用$ .ajax或$ .post

来完成

使用$ .ajax:

    $.ajax({
      type: 'post',
      url: 'tmax',   //*why you are using double dot?  url:"../tmax",* 
      data: { 
        'field1': 'hello', 
        'field2': 'hello1'
      },
      success: function (response) {
        alert(response.status);
      },
      error: function () {
        alert("error");
      }
   });

使用$ .post:

    $.post('tmax',
      { 
        'field1': 'hello', 
        'field2': 'hello1'
      },
      function (response, status) {
        alert(response.status);
      }
    );

输入过程中出现的错误成功,现在正在运作

  $(".secs li a").on("click",function(e){
      e.preventDefault();
      var id = $(this).data("value");
          $.ajax({
              url:"../tmax",
              type:"POST",
              data:{id:id},
              sucess: function(response){
                  $("#testdata").html(response);
              }
          })

      })