使用jQuery + AJAX + XML「加載更多」

我正在製作一個網站，在一個頁面中顯示大量文檔（PDF和JPG），而且我擔心頁面加載時間和服務器負載，因爲有一個很多文件。我將文件數據存儲在XML文件中，並使用jQuery和AJAX檢索數據。使用jQuery + AJAX + XML「加載更多」

的jQuery：

$(document).ready(function() { 
    $.ajax({ 
     type: "GET", 
     url: "scripts/imagenes.xml", 
     dataType: "xml", 
     success: function(xml) { 
      $(xml).find('imagen').each(function() { 
       var path = $(this).find('path').text(); 
       var img = $(this).find('img').text(); 
       var thumb = $(this).find('thumb').text(); 
       $('<a rel="lightbox" href="'+path+img+'">').html('<img src="' + path + thumb + '" /></a>').appendTo(".item_aesmr_img_hola"); 
      }); 
     } 
    }); 
});

XML：

<?xml version="1.0" encoding="UTF-8"?> 
<instituciones> 
    <aesmr> 
    <carnets> 
     <imagen> 
     <path>docs/aesmr/carnets/</path> 
     <img>aesmr-carnet-016b.jpg</img> 
     <thumb>thumbs/aesmr-carnet-016b.jpg</thumb> 
     </imagen> 
     <imagen> 
     <path>docs/aesmr/carnets/</path> 
     <img>aesmr-carnet-025b.jpg</img> 
     <thumb>thumbs/aesmr-carnet-025b.jpg</thumb> 
     </imagen> 
     ...and so on... 
    </carnets> 
    </aesmr> 
</instituciones>

我認爲這將是一個不錯的主意，用典型的Load more...按鈕，只是爲了讓用戶加載圖像，當他們想，每次增加20幅圖像。我加載大拇指時點擊縮略圖時加載完整圖像。

有沒有辦法只加載前20個結果，然後使用按鈕顯示20多？

來源

2011-10-02 MauJFernandez

一個選項是在「每個」塊中添加計數器。所以當你達到20時，你終止腳本的執行。

來源

2011-10-02 20:28:12 jancha

使用jQuery + AJAX + XML「加載更多」

回答

相關問題