重新加载 div 内的数据列表答案

【问题标题】：Reload list of data inside a div重新加载 div 内的数据列表
【发布时间】：2015-01-10 14:55:18
【问题描述】：

在我的 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”标签吗？

【问题讨论】：

对新创建/更新的视图进行 ajax 调用，并将其放置在您想要的位置。

标签： javascript jquery spring jsp

【解决方案1】：

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

对服务器（=ajax）进行异步（XMLHttpRequest）调用

$.ajax() 或$.get()（第一个的简写）或$.load()。首选方法是使用$.ajax() / $.get() 并在客户端进行渲染；如果你喜欢胡须，可以使用vanilla JS 或某种模板框架，如handlebars、moustache。客户端模板的另一种方法是使用 React 之类的东西。

如果您想尽可能降低客户端的负载，您可以使用$.load() 来检索预渲染结果并将其放置到位。

【讨论】：