ajax从jsp表单调用servlet并将其显示在<div>中

<form id="myForm">
  <input type="text" id="inputText" name="inputText">
  <input type="button" value="Submit" onclick="sendRequest()">
</form>
<div id="result"></div>

function sendRequest() {
  var inputText = document.getElementById("inputText").value;
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        document.getElementById("result").innerHTML = xhr.responseText;
      } else {
        console.error("Request failed: " + xhr.status);
      }
    }
  };
  xhr.open("POST", "servlet-url", true);
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhr.send("inputText=" + encodeURIComponent(inputText));
}

@WebServlet("/servlet-url")
public class MyServlet extends HttpServlet {
  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String inputText = request.getParameter("inputText");
    // 处理inputText，可以进行业务逻辑处理、数据库操作等
    String result = "Processed result: " + inputText;
    response.setContentType("text/plain");
    response.setCharacterEncoding("UTF-8");
    response.getWriter().write(result);
  }
}