javascript - 如何在重新加载的页面中显示为ajax响应

我在AJAX请求中遇到以下情况：

function getFileContens(OBJ) {
  var file = OBJ.id;
  PARAMS = "Action=getFileContens";
  PARAMS = PARAMS + "&File=" + OBJ.id;
  var probenZahl = file.split("__")[4];
  document.getElementById("inpProbenAnzahl").value = probenZahl;
  //setSessionValue(document.getElementById("inpProbenAnzahl"));
  try {
    if (window.XMLHttpRequest) {
      req = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
      req = new ActiveXObject("Microsoft.XMLHTTP");
    } else {
      alert("Ihr Webbrowser unterstuetzt leider kein Ajax!");
    }
    //alert(PARAMS);
    req.open("POST", "./php/ajax/Eingabe.php", true);
    req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    req.onreadystatechange = function() {
      cbGetFileContens();
    };
    req.send(PARAMS);
  } catch (e) {
    alert("Fehler: " + e);
  }
}

function cbGetFileContens() {
  if (4 == req.readyState) {
    if (200 != req.status) {
      alert("Fehler " + req.status + ": " + req.statusText);
    } else {

      //alert(req.responseText);
      var ar_resp = req.responseText.split(";;;");
      for (let i = 0; i < ar_resp.length; i++) {
        ar_inp = ar_resp[i].split("##");
        if (ar_inp[0].trim().length > 2) {
          if (document.getElementById(ar_inp[0].trim())) {
            document.getElementById(ar_inp[0].trim()).value = ar_inp[1];
          }

        }
      }
      location.reload();
      //console.log("Hallo");
      console.log(req.responseText);
    }
  }
}

此代码应在HTML文件中具有某些ID的文本字段中显示拆分后的响应文本...
我想在重新加载页面后使用Ajax响应文本。
如果不重新加载页面，一切正常。
使用重新加载时不会显示文本。

最佳答案

您可以将响应存储到会话存储中。

sessionStorage.setItem('ajax_response', req.responseText)
location.reload();

之后，在加载页面时，可以将项目放入元素中。

var el = document.getElementById('elemId')
el.innerText = sessionStorage.getItem('ajax_response')