使用服务器返回的数据渲染HTML元素列表。

1. 首先，从服务器获取数据。例如，可以使用 jQuery 的 AJAX 方法：

$.ajax({
  url: 'server/api',
  type: 'GET',
  dataType: 'json',
  success: function(data) {
    // 成功获取数据后调用回调函数
    renderList(data);
  },
  error: function(error) {
    console.error(error);
  }
});

2. 创建一个函数 renderList，将数据作为参数传递给它。在函数中，可以使用 JavaScript 循环（如 for 或 forEach）遍历数据，然后为每个数据项创建 HTML 元素，并将其添加到 DOM 中。

function renderList(data) {
  var $list = $('<ul>'); // 创建一个 <ul> 元素
  data.forEach(function(item) { // 遍历数据
    var $li = $('<li>').text(item.name); // 创建 <li> 元素并添加文本
    $list.append($li); // 将 <li> 添加到 <ul> 中
  });
  $('#list-container').html($list); // 将 <ul> 添加到 DOM 中
}

在这个例子中，我们首先创建了一个空的 <ul> 元素，然后遍历传入的数据。对于每个数据项，我们创建一个 <li> 元素，并将其文本设置为数据项的名称。最后，我们将 <li> 添加到 <ul> 中，并将整个 <ul> 添加到 DOM 中的一个容器元素中。

请注意，HTML 元素的创建和添加可以使用 jQuery 简化，但也可以使用原生 JavaScript 进行操作。