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是更好的选择。