重新加载div中的数据列表

时间:2015-01-10 14:55:19

标签: javascript jquery spring jsp

在我的jsp页面中,在加载时我添加了一些数据的模型属性。然后它在jsp页面中显示此列表,如下所示。

<c:forEach var="pattern" items="${patterns}">
               <li class="list-group-item liitem"><strong>${pattern.id}:</strong>
                  <span class="pull-right">${pattern.name}</span>
               </li>
</c:forEach>

这是我正在调用加载页面的控制器。

@RequestMapping(method = RequestMethod.GET)
public ModelAndView printWelcome(ModelMap model){
    ModelAndView mav = new ModelAndView("arcane") ;
   List<Pattern> patternList=patternDao.patternList();
    mav.addObject("patterns", patternList);
    return mav;
}

问题是当列表发生变化时,如何在不重新加载整个页面的情况下应用这些更改。我可以调用一个单独的控制器,只刷新jsp中的一个“div”标签。

1 个答案:

答案 0 :(得分:1)

有几种方法可以做到这一点。最后,您必须通过

对服务器(= XMLHttpRequest)进行异步(ajax)调用。

$.ajax()$.get()(第一个的简写)或$.load()。 首选方法是使用$.ajax() / $.get()执行此操作并执行呈现客户端;如果你喜欢胡须,可以使用vanilla JS或某种模板框架,例如handlebarsmoustache。客户端模板的另一种方法是使用类似React的内容。

如果您希望尽可能降低客户端的负载,可以使用$.load()检索预呈现的结果,然后将其放置到位。