javascript - 我的Grails应用重复发出http获取相同图像的请求(一个js驱动的时钟)。我需要怎么做才能做到呢？

Question

我有一个Grails应用程序(2.0 RC1)，该应用程序使用由图像组成的时钟来显示包括秒在内的时间。时钟是一个简单的JavaScript函数，可以获取时间，然后更新图像源以显示正确的图像。整个应用程序及其中的时钟运行正常。

我要解决的问题是，每次时钟更新(即每秒一次)图像源时，都会将http get请求发送到服务器，而不是使用缓存的图像。

当页面加载到Image()对象中时，图像将被预缓存。然后，该函数将计算时间并更新图像，如下所示:

document.getElementById('hour1').src = eval('window.' + 'num' + hour1 + '.src')

其中“num” + hour1是要显示的Image()对象的名称。 gsp中的元素是img标签。

我花了几个小时寻找答案，但无济于事...是否必须使用“缓存的资源”插件进行缓存？如果是这样，有人可以告诉我在这种情况下该如何使用吗？我试过了，但是还没能使它开始工作...

Answer 1

首先，不要像这样使用eval()。将此替换为eval():

window["num" + hour1].src

其次，您的浏览器将发送GET请求，并且服务器应返回304-未修改，这将导致浏览器使用缓存的图像。您的浏览器是否为每个请求提供图像，或者是否发送304状态代码？