如何使用Javascript或ajax在文本字段中实时注入或添加输入字段的值？

<input type="text" id="inputField">
<div id="outputContainer"></div>

var inputField = document.getElementById("inputField");
var outputContainer = document.getElementById("outputContainer");

inputField.addEventListener("input", function() {
  var inputValue = inputField.value;
  outputContainer.innerHTML = inputValue;
});

inputField.addEventListener("input", function() {
  var inputValue = inputField.value;
  
  // 使用ajax请求获取实时注入的值
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "url", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = xhr.responseText;
      outputContainer.innerHTML = response;
    }
  };
  xhr.send();
});