AJAX请求再次加载资源

时间:2013-07-19 17:27:27

标签: html jquery dom

我正在为在线商店编写一个页面,因此有相当多的图片(每个产品的缩略图和全尺寸)。 我正在为所有页面资源(图像和字体)使用预加载器,但是每次我执行jquery ajax请求时,它都会再次加载所有内容。 我已经尝试将资源添加到窗口但它没有解决这个问题。 这是我的代码:

$.getJSON(ajax,{type:t,group:g},function(data){
    var h = '';
    for(var d in data){
        h += '<div class="product" name="'+data[d].name+'" desc="'+data[d].desc+'" photo="'+data[d].photo+'" parent="'+data[d].id+'">';
        h += '<img src="'+data[d].thumb+'"/><span>'+data[d].name+'</span>';
        h += '</div>';
    }
    $('#product_list').html(h);
 });
var load = ['http://mysite/img/background.jpg',
        'http://mysite/img/header.jpg',
        'http://mysite/img/logo.png',
        'http://mysite/css/tipografia/hotel_coral.ttf',
        'http://mysite/css/tipografia/BEBAS.ttf'];
$(document).ready(function(){

    loadAll(load);
}

function loadAll(a) {
    while (a.length > 0) {
    var item = a.shift();
    $.preload(item);
    }
}

* EDIT *添加了加载调用loadall函数的代码。

这是指向请求图片的链接 network activity

指向预加载器的链接 dreamerslab

非常感谢任何帮助

1 个答案:

答案 0 :(得分:0)

那解决了这个问题吗?使用ajax构建列表而不是为了性能而获取所有内容和隐藏可能仍然是一个好主意。