动态加载 div 内容答案

【问题标题】：Load div content dynamically动态加载 div 内容
【发布时间】：2014-02-23 22:04:08
【问题描述】：

我想要将一个 .jsp 页面加载到我在 index.jsp 中的一个 div 中。

目前我正在使用：

index.jsp：当我使用 myWorkContent div 的 text 属性时，此函数每三秒将不同的随机数放入 div。

<script>
    $(document).ready(
     function() {
         setInterval(function() {
             //var randomnumber = Math.floor(Math.random() * 100);
             $('#myWorkContent').load('dailyImages.jsp');
            // $('#myWorkContent').text(
            //         'I am getting refreshed every 3 seconds..! Random Number ==> '
            //                 + randomnumber);
         }, 3000);
     });
</script>

然后我尝试让它将 dailyImages.jsp 加载到该 div 中，就像我为随机数所做的那样。 dailyImages.jsp如下：

<%@page contentType="text/html" import="java.util.Date;" %>

<font face="verdana" size="2">
Current Time :<%= new java.util.Date() %>
</font>
<img src="images/IMG_20131216_084621.jpg" style="height: 80px;" />

这个 div 第一次是动态加载的，尽管下次日期永远不会改变。谁能帮帮我？

【问题讨论】：

听起来您的浏览器正在缓存 GET 请求。每次请求页面时稍微更改 URL（例如，带有随机数或计数器的虚拟参数）或更改该页面的服务器设置，以便页面不被缓存（例如立即过期）。如有疑问，请使用 Fiddler2 查看返回的内容以及是否已缓存。

标签： javascript jquery html ajax jsp

【解决方案1】：

我认为如果您添加类似下面的内容，它不会从缓存中加载它。如果是缓存问题，它应该可以工作。你可以试试看。

$('#myWorkContent').load('dailyImages.jsp?' + (new Date()).getTime());

【讨论】：

也可以改写成 $.ajax({ url: 'dailyImages.jsp', cache: false }).done(function (content) { $('#myWorkContent').append(content ); });
我怎样才能在 dailyImages.jsp 页面中获得该日期？
此日期不是为您的 jsp 发送的。您必须像在示例中那样在 JSP 中获取日期。添加此日期只是为了确保浏览器无法缓存 GET url，因为我们每次在浏览器的新 URL 时都会在 url 中添加时间，因此不会缓存。