要实现Ajax请求的错误消息显示在页面上，可以通过以下示例代码来解决：

HTML代码：

JavaScript代码：

function ajaxRequest(url, successCallback, errorCallback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        successCallback(xhr.responseText);
      } else {
        errorCallback(xhr.statusText);
      }
    }
  };
  xhr.send();
}

function displayErrorMessage(message) {
  var errorMessage = document.getElementById('error-message');
  errorMessage.innerText = message;
  errorMessage.style.display = 'block';
}

// 使用示例
ajaxRequest('https://example.com/api', function(response) {
  // 请求成功的回调函数
  console.log(response);
}, function(error) {
  // 请求失败的回调函数
  displayErrorMessage(error);
});

在上述代码中，我们首先定义了一个隐藏的