在支持ajax的asp.net环境中每10秒在客户端下载一次照片？

Question

有一个网站页面是在asp.net上使用c#编写的，并且也启用了ajax。

我想要一个加载速度非常快的网页；这将在以下架构中发生；

1- 首先所有数据都通过文本框显示（有50个文本框，这是一份申请表。）

2-当请求并加载网页时，我希望所有照片都显示在每个文本框附近，从页面顶部到页面末尾 10 x 10。 （每张照片大小在 5 kb - 20 kb 之间；）

我知道 ImageHandler 的问题是如何将所有这些想法付诸现实生活？ 一些例子和想法会很棒！

Answer 1

(function(images, elements) {
    var fetchImages = function() {
        if(images.length > 0) {
            var numImages = 10;
            while(images.length > 0 && numImages-- > 0) {
                // assuming your elements are <img>
                document.getElementById(elements.shift()).src = images.shift();
                // if not you could also set the background (or backgroundImage) css property
                // document.getElementById(elements.shift()).style.background = "url(" + images.shift() + ")";
            }
            setTimeout(fetchImages, 5000);
        }
    }

    // bind to window onload
    window.onload = fetchImages;
    // if you're going to use something like jquery then do something like this instead
    //$(fetchImages);
}(['url1', 'url2', 'url3'], ['img1', 'img2', 'img3']))

我想，这样的事情就能满足你的要求。
最后一行可能会被替换为类似

的内容

}(<%=ImageUrls %>, <%=ImageElements %>))