以下是一个使用Ajax调用重新加载消息的示例代码：

HTML代码：

    

重新加载消息

JavaScript代码：

// 创建一个函数来重新加载消息
function reloadMessages() {
    // 使用Ajax调用重新加载消息
    $.ajax({
        url: '/api/messages', // 消息API的URL
        method: 'GET',
        success: function(response) {
            // 成功获取到新的消息
            // 清空消息容器
            $('#message-container').empty();
            
            // 将新的消息添加到消息容器
            response.forEach(function(message) {
                $('#message-container').append('
' + message + '
');
            });
        },
        error: function() {
            // 加载消息失败
            alert('加载消息失败，请重试！');
        }
    });
}

// 页面加载时调用一次重新加载消息函数
$(document).ready(function() {
    reloadMessages();
});

// 当重新加载按钮被点击时调用重新加载消息函数
$('#reload-btn').click(function() {
    reloadMessages();
});

上述代码假设存在一个名为/api/messages的消息API，可以使用GET方法获取消息列表。在成功获取到新的消息时，代码将清空消息容器，并将新的消息添加到消息容器中。如果加载消息失败，将弹出一个警告框。页面加载时会自动调用一次重新加载消息函数，点击“重新加载消息”按钮也会触发重新加载消息函数。