在Web开发中，可以使用JavaScript和Ajax来实现不重新加载整个页面而更新现有列表的功能。下面是一个示例代码，演示了如何使用jQuery和Ajax来实现这个功能：

HTML部分：

  
Item 1
  
Item 2
  
Item 3

刷新列表

JavaScript部分：

// 当页面加载完成时执行
$(document).ready(function() {
  // 刷新列表的点击事件处理函数
  $('#refresh').click(function() {
    // 发送Ajax请求
    $.ajax({
      url: '/updateList', // 请求的URL，根据实际情况修改
      method: 'GET',      // 请求方法，根据实际情况修改
      dataType: 'html',   // 期望的响应数据类型，根据实际情况修改
      success: function(response) {
        // 用获取的新列表内容替换旧的列表
        $('#list').html(response);
      },
      error: function() {
        // 处理错误情况
        alert('刷新列表失败');
      }
    });
  });
});

在上面的代码中，当点击"刷新列表"按钮时，会发送一个Ajax请求到服务器的/updateList路径。服务器根据实际情况处理该请求，并返回一个HTML片段作为响应。在成功的回调函数中，使用html()方法将新列表内容替换掉旧的列表内容。

需要注意的是，上述代码是使用jQuery框架来简化Ajax请求的处理，如果不使用jQuery，可以使用原生的XMLHttpRequest对象来发送Ajax请求。此外，服务器端的代码也需要相应地处理该请求，并返回正确的响应。