ajax或切換到HTML的內容加載到DIV

Question

我顯示的HTML內容onclick的按鈕。是否更好地切換它或使用Ajax來加載它

Answer 1

這實際上取決於內容大小是多大，它是靜態的。如果內容是靜態的並且很小 - 可能會更好，否則我會建議使用Ajax。

Answer 2

同樣取決於您是否關注搜索引擎優化，因爲如果您必須通過點擊按鈕加載搜索引擎，搜索引擎將無法看到內容。

Answer 3

兩者都有優點和缺點。 如果它只是你正在加載的一小部分內容，那麼一個簡單的隱藏和顯示就足夠了。 加上所有內容都在同一頁面上以seo開頭。

如果您正在加載的大塊內容是ajax，那將是更好的方法。減少初始加載時間。同樣，如果javascript被關閉，並且您使用下面的ajax示例，那麼用戶仍然可以通過鏈接訪問您的內容。

//toggle example 
$("a").click(function(e){ 

    //prevent default 
    e.preventDefault(); 

    $("div").toggle("slow"); 

}); 

//ajax example 
$("a").click(function(e){ 

    //prevent link default action 
    e.preventDefault(); 

    //get links href 
    var href = $(this).attr("href"); 

    //load the content 
    $("div").load(href); 

});