无法弄清楚此jQuery代码的工作方式

Question

因此，有一台摄像机每两秒钟拍摄一次图像，并将这些具有新文件名的新图像存储在服务器上。 当请求“ mypage”时，服务器端将加载最新图像并在响应中返回。 随后使用此jQuery代码刷新图像：

(function($) {

    $(function() {

        var refreshInterval = 5;   // Number of seconds between image refreshes

        $('#deskshare-grid img').each(function() {
            $(this).data('src', $(this).attr('src'));
        });

        function refreshImages() {
            $.get('?r=' + Math.random(), function(response) {
                $('#deskshare-grid img').each(function(index) {
                    $(this).attr('src', $(response).find('#deskshare-grid img').eq(index).attr('src'));
                });
                setTimeout(refreshImages, refreshInterval * 1000);
            });
        }

        setTimeout(refreshImages, refreshInterval * 1000);

    });

})(jQuery);

我共享的jQuery代码有效，这很好，我没有编写代码，我想知道它是如何工作的。

我的想法一直停留在以下事实上：对页面进行了请求，使用C＃在服务器上检索了最新图像，并且这些图像包含在响应中。 创建较新的图像时，它具有一个新的文件名。

jQuery如何刷新照片以获取客户端不知道的文件名？

尤其是这部分代码使我感到困惑：

$.get('?r=' + Math.random(), function(response) {

此$ .get的url请求是什么？ 我看到F12工具的网络选项卡显示了新的图像响应，但是我不明白如何使用jQuery请求具有不同文件名的图像。

UPDATE

接受的答案是正确的，但我想详细说明。 此jQuery再次请求整个页面。 HTML响应包含来自服务器的新图像URL。 jQuery用于解析响应，获取最新的图像URL，然后使用从响应中解析出的那些新图像URL更新现有的HTML内容。 这样，通过尝试刷新整个页面就不会出现页面闪烁。

Answer 1

它确实将请求发送到同一页面， Math.random()使查看每个请求更加容易。 您何时提出要求? 那是同一页。

Answer 2

此$ .get的url请求是什么？

$ .get中的第一个参数是相对URL。 这意味着它尝试访问的URL类似于www.yourdomain.com/whatever?r=。

“？” 表示查询字符串的开头，“ r”是请求变量的开头，等号后的是查询本身。 在这种特殊情况下，查询只是发送给服务器的随机生成的数字。 在没有看到服务器端代码的情况下，看起来好像文件名是在客户端上生成的，并以这种方式发送到服务器，并且很可能用来在服务器端命名文件。

Answer 3

$.get('?r=' + Math.random(), function(response) {可能是两件事：

1. 它更改URL作为不获取缓存内容的技巧。
2. 服务器端是否需要作为虚拟设备或我们不真正知道的东西？

我建议查看每个5''呼叫的请求和响应标头。