一个页面需要显示多条扫描结果

如果一个页面需要显示多条扫描结果，可以使用以下方法：

1. 在HTML中创建一个容器元素，用于包含所有的扫描结果，例如：

<div id="qrcode-results"></div>

2. 在JavaScript中编写扫描二维码的函数，并将获取的数据传输到后台，例如：

function scanQRCodeAndGetData() {
  // 调用扫描二维码的API，获取扫描结果
  let result = scanQRCodeAPI();

  // 将获取的数据发送到后台
  fetch('/api/qrcode', {
    method: 'POST',
    body: JSON.stringify({ data: result }),
    headers: {
      'Content-Type': 'application/json'
    }
  })
  .then(response => response.json())
  .then(data => {
    // 创建一个新的元素，用于显示获取的数据
    let element = document.createElement('div');
    element.innerText = data.newData;

    // 将新元素添加到容器元素中
    document.getElementById("qrcode-results").appendChild(element);
  })
  .catch(error => console.error(error));
}

其中，`/api/qrcode`是后台接收数据的API地址，`{ data: result }`是要发送到后台的数据，`data.newData`是后台返回的新数据。

3. 在HTML中添加扫描二维码的按钮或者其他触发扫描的元素，例如：

<button onclick="scanQRCodeAndGetData()">扫描二维码</button>

4. 在HTML中引入扫描二维码所需的JavaScript文件，并在文件中编写`scanQRCodeAPI()`函数，例如：

<script src="scanQRCode.js"></script>
<script>
function scanQRCodeAPI() {
  // 调用扫描二维码的API，返回扫描结果
  // ...
}
</script>

5. 最后，启动HTML页面并点击扫描按钮，即可将扫描二维码获取的数据传输到后台，并在容器元素中显示所有的扫描结果。