以下是一个使用AJAX导航和window.history.pushState的解决方案，以确保“返回”浏览器按钮的正常工作：

首先，确保你的HTML页面中的链接和表单都以AJAX方式进行提交，而不是使用传统的同步请求。这可以通过阻止默认的事件行为并使用AJAX请求来实现。

// 阻止默认的链接点击事件
$('a').click(function(e) {
  e.preventDefault();
  var url = $(this).attr('href');
  // 使用AJAX请求加载新页面内容
  $.ajax({
    url: url,
    success: function(data) {
      // 更新页面内容
      $('#content').html(data);
      // 更新浏览器历史记录
      window.history.pushState({url: url}, '', url);
    }
  });
});

// 阻止默认的表单提交事件
$('form').submit(function(e) {
  e.preventDefault();
  var url = $(this).attr('action');
  var data = $(this).serialize();
  // 使用AJAX请求提交表单数据
  $.ajax({
    url: url,
    type: 'post',
    data: data,
    success: function(data) {
      // 更新页面内容
      $('#content').html(data);
      // 更新浏览器历史记录
      window.history.pushState({url: url, data: data}, '', url);
    }
  });
});

接下来，为window对象的popstate事件添加一个监听器，以便在用户点击“返回”按钮时重新加载之前的页面内容。

// 监听popstate事件
window.addEventListener('popstate', function(event) {
  if (event.state) {
    var url = event.state.url;
    var data = event.state.data;
    // 使用AJAX请求加载之前的页面内容
    $.ajax({
      url: url,
      success: function(data) {
        // 更新页面内容
        $('#content').html(data);
      }
    });
  }
});

通过这些代码，你可以在使用AJAX导航时确保“返回”浏览器按钮的正常工作。每当用户点击链接或提交表单时，页面内容将以AJAX方式加载，并使用pushState方法更新浏览器历史记录。在用户点击“返回”按钮时，popstate事件将被触发，以重新加载之前的页面内容。