Js获取后端数组并将数组内容做成多选框

要获取后端数组并将数组内容做成多选框，可以使用AJAX技术实现异步请求。在接收到后端返回的数组后，可以使用JavaScript动态创建多选框，并设置每个多选框的value属性为数组中对应的值。

以下是一个简单的示例代码：

// HTML代码
<div id="fruit-container"></div>

// JavaScript代码
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/fruit');
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var fruits = JSON.parse(xhr.responseText);
      var container = document.getElementById('fruit-container');
      for (var i = 0; i < fruits.length; i++) {
        var checkbox = document.createElement('input');
        checkbox.type = 'checkbox';
        checkbox.name = 'fruit';
        checkbox.value = fruits[i];
        container.appendChild(checkbox);

        var label = document.createElement('label');
        label.appendChild(document.createTextNode(fruits[i]));
        container.appendChild(label);
      }
    } else {
      console.error('请求出错');
    }
  }
};
xhr.send();

// 后端代码（使用Node.js和Express框架示例）
app.get('/api/fruit', function(req, res) {
  var fruits = ['苹果', '香蕉', '橘子'];
  res.send(fruits);
});

在这里，我们使用AJAX发送GET请求获取后端返回的数组，并通过JSON.parse()方法将其转换为JavaScript数组。然后，我们动态创建多选框和对应的标签，并将它们添加到HTML页面中。最后，我们将每个多选框的value属性设置为数组中对应的值。

在后端代码中，我们简单地使用了一个固定的数组作为示例，实际上你可以根据实际情况从数据库或其他数据源中获取数组。