繁体   English   中英

如何从控制器返回对象列表并使用JQuery显示它们(Spring MVC,ajax)

[英]How to return list of objects from controller and display them using JQuery (Spring MVC, ajax)

首先,这是我的控制器:

@Controller
public class MainController {
   @Autowired
   SqlSession sqlSession;
   @Autowired
   Message messageVO;


@RequestMapping(value="getMessages", method=RequestMethod.GET)
public @ResponseBody List<Message> getMessages(HttpSession session){
    JbuserDAO dao = sqlSession.getMapper(JbuserDAO.class);
    List<Message> inboxList = null;
    String logedinUserId = (String) session.getAttribute("loginId");
    inboxList = dao.getInboxList(logedinUserId);
    System.out.println(inboxList);       //I do get the list here so it's not sql problem. I think.
    return inboxList;
}

这是我的JQuery:

$(function(){
   viewingInbox();
   $("#viewInbox").on('click', function(){
        viewingInbox();
    });
  });


function viewingInbox(){

   $.ajax({
        url: "getMessages"
      , method: "GET"
      , dataType: "JSON"
      , contentType: "application/json; charset=UTF-8"
      , success: function(obj){
        alert(obj.inboxList);      //I get undefined here
        messageInbox(obj);
      }
  });
}


function messageInbox(obj){
   var list = '<div>';
   $(obj.inboxList).each(function(i, item){
       list = list + '<article class="media">'
                  + '<span class="pull-left"><input type="checkbox" class="checkboxes"></span>'
                  + '<span class="pull-left thumb-sm"><img src="resources/images/a2.png" alt="..."></span>'
                  + '<div class="media-body">'
                  + '<div class="pull-right media-xs text-center text-muted">'
                  + '<strong class="h4">12:18</strong><br></div>'
                  + '<a href="#" class="h4">123'+item.sendidjbuser+'</a>'
                  + '<small class="block m-t-sm">'+item.message+'</small></div></article>'
   });
      list = list + '</div>';
      alert(list);               //here I get only <div></div>
      $("#inboxDiv").html(list);
      alert("messageInbox end");
}

我想做的是从数据库获取保存的消息,并将它们作为我制作的消息VO的列表返回,然后在jsp上打印出来。 我以为这是做到这一点的方法,但是我不认为我从控制器那里得到了清单。 我尝试将Alert(message)放入每个语句中,但没有用; 没有警报消息。 这意味着我没有从控制器获取列表。 我想念什么吗?

我添加了json-databind依赖关系,但这就是我所关心的json。

我只学习了一个月的Strut2,直到最近才开始使用Spring,所以我一定犯了我不知道的愚蠢错误。 请告诉我那是什么。 提前致谢。

问题解决了。 与Struts2不同,我不必这样做:

$(obj.inboxList).each(function(i, item){

我认为在Struts2中,我必须放入obj.inboxList,因为在操作方面有getter和setter。

在Spring中,没有getter和setter,所以也许真的是因为我只是在这里猜测,这就是为什么仅使用obj起作用的原因:

$(obj).each(function(i, item){

您可以使用ResponseEntity作为返​​回元素,也可以将列表转换为json列表,以便jquery可以将其解释为迭代元素。

    @RequestMapping(value="getMessages", method=RequestMethod.GET)
    public ResponseEntity<String> getMessages(HttpSession session){
        JbuserDAO dao = sqlSession.getMapper(JbuserDAO.class);
        List<Message> inboxList = null;
        String logedinUserId = (String) session.getAttribute("loginId");
        inboxList = dao.getInboxList(logedinUserId);


  com.google.gson.Gson gson = new GsonBuilder().disableHtmlEscaping().create();
        String jsonString = gson.toJson(inboxList);
        HttpHeaders responseHeaders = new HttpHeaders();
        responseHeaders.add("Content-Type", "text/html; charset=utf-8");
        return new ResponseEntity<String>(jsonString, responseHeaders, HttpStatus.CREATED); 


    }

这样,您肯定会获得所需的消息列表。 附言:我没有讲完其余的代码。 但是类似以下的事情应该起作用:

success: function(obj){

 $.each(obj, function(index) {
            alert(obj[index].sendidjbuser);
            alert(obj[index].message);
        });


      }

您可以将Jackson添加到您的类路径中,或将依赖项添加到maven中,Spring Mvc会将您的列表转换为json。 您只需要向@ RequestMappingproduces =“ application / json”添加参数,在您的情况下,它看起来就是@RequestMapping(value =“ getMessages”,method = RequestMethod.GET,produces =“ application / json”),参数也会产生不必要的但推荐的。 而且您不需要在控制器中进行任何编辑。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM