下面是一个示例代码，演示了如何在本地加载和使用Ajax对消息进行排序：

HTML代码：

  
  


  
消息排序
  排序
  

    
  

JavaScript代码：

// 模拟加载消息的函数
function loadMessages() {
  // 这里可以根据需要替换为实际的Ajax请求
  return $.ajax({
    url: 'messages.json', // 消息数据的URL
    dataType: 'json'
  });
}

// 显示消息列表的函数
function displayMessages(messages) {
  var messageList = $('#messageList');
  messageList.empty(); // 清空原有的消息列表

  // 遍历并显示消息
  messages.forEach(function(message) {
    var listItem = $('
').text(message);
    messageList.append(listItem);
  });
}

// 对消息进行排序的函数
function sortMessages() {
  loadMessages().done(function(messages) {
    // 在加载完成后对消息进行排序
    messages.sort();

    // 显示排序后的消息列表
    displayMessages(messages);
  }).fail(function() {
    alert('加载消息失败');
  });
}

这个示例中，当用户点击“排序”按钮时，会调用sortMessages函数。该函数首先通过Ajax请求加载消息数据，然后在加载完成后对消息进行排序，最后调用displayMessages函数将排序后的消息列表显示在页面上。

注意：这里的示例中使用了jQuery库来简化Ajax请求和DOM操作，如果你不想使用jQuery，可以使用原生的JavaScript来实现相同的功能。