下列代码执行后<script> function queryFlight() { var flightNumber = document.getElementById("flightNumber").value; var date = document.getElementById("date").value; // 发送请求 var xhr = new XMLHttpRequest(); xhr.open('GET', '/flightQuery?flightNumber=' + flightNumber + '&date=' + date); xhr.onreadystatechange = function() { if (xhr.status === 200) { // 渲染结果到页面 document.getElementById("result").innerHTML = xhr.responseText; }else{ window.location.href = "404"; // 失败跳转到error.html } }; xhr.send(); return false; } </script>如果后端返回的数据是map，该如何解析其中的每一个元素并渲染到此html页面

如果后端返回的数据是一个map，可以将其转换为JSON格式，然后在前端使用JavaScript解析。可以使用JSON.parse()方法将JSON字符串转换为JavaScript对象，然后遍历对象的属性，将属性的值渲染到页面中。可以参考下面的代码：

// 发送请求
var xhr = new XMLHttpRequest();
xhr.open('GET', '/flightQuery?flightNumber=' + flightNumber + '&date=' + date);
xhr.onreadystatechange = function() {
  if (xhr.status === 200) {
    // 将返回的JSON字符串转换为JavaScript对象
    var response = JSON.parse(xhr.responseText);
    // 遍历对象的属性
    for (var key in response) {
      // 将属性的值渲染到页面中
      document.getElementById(key).innerHTML = response[key];
    }
  }else{
    window.location.href = "404"; // 失败跳转到error.html
  }
};
xhr.send();
return false;

在上面的代码中，假设返回的JSON对象中的每个属性的名称就是要渲染到页面上的元素的id值，那么可以通过document.getElementById()方法找到该元素并将属性的值赋值给它。