Question

如何在不刷新整个页面的情况下刷新从jsp页面中的servlet获取的数据。

我现在对我的解决方案不满意，这是：

从服务器轮询jsp页面并将其加载到div容器中。（见下文）

我的jsp文件如下所示：

<c:forEach items="${list}" var="myList" >
    <tr>
        <td class="aligncenter">
          <span class="center">
            <input type="checkbox" name="option${myList.id}" value="${myList.id}"></input>
          </span></td>
        <td class="listId">${list.id}</td>
        <td>${myList.title}</td>
        <td>${myList.description}</td>
        <td style="text-align:center;"><img style="height:40px;" src="../../app/images/food/thumbnail/${myList.imagePath}"></img></td>

    </tr>
</c:forEach>

知道我有一个方法，它在我的控制器中调用一个方法，该方法使用模型中的属性检索此jsp文件。

然后我用jquery

将这个jspfile加载到div中

jQuery('.myDivWhereIWantToLoadMyJspFile').load(data);

是否还有其他可能刷新jsp页面中的数据，除了websockets？

Answer 1

这可以使用Ajax请求，该请求用于部分页面刷新。使用ajax，请求将发送到服务器，但页面保持不变。

然后在响应到达时触发事件。为了响应该事件，我们可以使用新数据修改页面的某些部分，而无需重新加载。

有关如何使用jQuery执行此操作的示例，请参阅此answer。

在不刷新整个页面的情况下刷新JSP中的数据的最佳实践

1 个答案: