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

Question

我在 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-response-text..当我不重新加载页面时一切正常..使用重新加载文本不会显示..

Answer 1

您可以将响应存储到 session 存储中。

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

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

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