如何實現頁面功能，如YouTube /其他網站？

我還是新來的Javascript，並想創建一個'網頁'功能的意見和答覆。如何實現頁面功能，如YouTube /其他網站？

YouTube視頻有一個非常好的分頁功能，可以很好地評論評論。

我該如何去做這件事？我目前的設置是使用PHP，Javascript和MySQL。

來源

2012-03-22 Delos Chang

什麼是你的_'pages' feature_要求的例子嗎？ – jrummell 2012-03-22 17:19:17

Youtube發送一個ajax請求回服務器，並獲取更新到當前查看頁面的結果。其他網站也使用類似的技術。

你需要知道基本的東西是：

分頁需要兩個主要變量。 $page和$itemsPerPage。
使用上述變量，您將創建查詢限制
您將在查詢中使用此限制來獲取下一頁的結果。

例子：

$page = (int)$_POST['page']; 
$itemsPerPage = 10; //Generally this might be static 
$limit = (($page-1)*$itemsPerPage).",".$itemsPerPage; 
// For the Page 1, this give 0,10 

$query = "SELECT ... LIMIT $limit"; 
    //Translates to LIMIT 0,10 so takes out the first 10 records or in other words first page 
//get the records, creat the markup and echo them

現在，如JavaScript的一部分，這裏是jQuery的POST請求

$("#yourpageonelink").click(function() { 
    $.post("yourpage.php", { 
    page: 1 // I am using static value for demo, but you should get this dynamically 
    }, function(data) { 
     //Now data will get the content returned from the php file 
    // So update the div 
    $("#mainContainer").html(data); 
    }); 
});

來源

2012-03-22 17:27:14 Starx

非常感謝！另一個問題，如果你不介意：在你的代碼設置中，我應該如何去查找要在HTML上顯示的頁面總數（供用戶點擊）？ – 2012-03-22 18:01:18

@TheJagganator我不知道，這取決於。確保你包含足夠的閱讀，或者更好地給出一個方法來選擇顯示多少，就像stackoverflow一樣。 – Starx 2012-03-22 18:04:57

如果您正在討論YouTube如何讓您在不離開實際頁面的情況下翻閱評論，則可以通過AJAX完成。一個JavaScript請求被髮送到服務器，請求一個新的評論頁面。服務器響應數據，然後javsacript用新信息更新評論區域。所有這些都可以在不將用戶重定向到新頁面的情況下完成。

來源

2012-03-22 17:23:05

如何實現頁面功能，如YouTube /其他網站？

回答

相關問題