Ajax和Pjax是兩種常見的網頁無刷新加載技術。Ajax是Asynchronous JavaScript and XML（異步的JavaScript和XML）的縮寫，它通過在后臺發起HTTP請求，實現部分頁面內容的無刷新更新。而Pjax（PushState and Ajax）則是在Ajax的基礎上，引入了HTML5的PushState API，實現了瀏覽器歷史記錄的管理和無刷新頁面加載的效果。

首先，我們來看一個使用Ajax的例子。假設一個網頁中有一個評論列表，用戶可以點擊“加載更多”按鈕來加載更多評論內容。在傳統的頁面加載方式下，點擊按鈕會觸發一個新的頁面請求并刷新整個頁面。但使用Ajax技術，我們可以通過后臺的數據接口，僅僅加載新的評論數據，在不刷新整個頁面的情況下更新評論列表。這樣，用戶就能夠在不中斷當前瀏覽位置的情況下，連續瀏覽評論。

$(document).ready(function() {
var page = 1;
$("#load-more-btn").click(function() {
$.ajax({
url: "/api/comments",
data: { page: page },
success: function(data) {
$("#comment-list").append(data);
page++;
}
});
});
});

接下來，我們來看看Pjax的應用場景。假設我們有一個網站的導航欄，其中有多個頁面的鏈接，用戶點擊鏈接后希望能夠無刷新加載新頁面的內容。使用傳統的頁面跳轉方式，用戶點擊一個鏈接會觸發整個頁面的刷新，導致頁面重新加載。但使用Pjax技術，我們可以通過監聽鏈接的點擊事件，阻止默認的頁面跳轉行為，然后使用Ajax加載新頁面的內容，并利用PushState API更新瀏覽器的URL和歷史記錄。這樣，用戶就能夠在不離開當前頁面的情況下，瀏覽不同頁面的內容。

$(document).ready(function() {
$("nav a").click(function(event) {
event.preventDefault();
var href = $(this).attr("href");
$.pjax({
url: href,
container: "#content"
});
});
$(document).on("pjax:success", function() {
// 更新頁面的其他相關操作...
});
});

總結來說，Ajax和Pjax這兩種技術都實現了無刷新加載內容的效果，但Pjax在Ajax的基礎上進一步提供了瀏覽器歷史記錄管理和URL更新的功能。Ajax適用于那些需要在不刷新頁面的情況下，動態更新部分頁面內容的場景，比如評論列表的加載。而Pjax則適用于那些需要在同一頁面內切換不同內容，但又希望能夠管理瀏覽器歷史記錄的場景，比如網站的導航。

無論是Ajax還是Pjax，它們的出現都大大提升了網頁的用戶體驗，減少了頁面切換的等待時間。但在實際應用中，我們需要根據具體的場景需求來選擇使用何種技術。如果我們只需要無刷新加載部分頁面內容，而不需要管理瀏覽器歷史記錄，那么Ajax足夠滿足我們的需求。而如果我們需要在同一頁面內切換不同內容，并且能夠管理瀏覽器的URL和歷史記錄，那么Pjax是更好的選擇。