可直接运行的示例：
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html><head><title>test</title></head>
<form id="myForm">
<label for="myName">告诉我你的名字：</label>
<input id="myName" name="name" value="小明" />
<input type="submit" value="提交" />
</form>
<body>
<script>
window.addEventListener("load", () => {
// 获取表单元素
const form = document.getElementById("myForm");
// 接管表单的 submit 事件
form.addEventListener("submit", (event) => {
event.preventDefault();
sendData();
});
function sendData() {
const XHR = new XMLHttpRequest();
// 把这个 FormData 和表单元素绑定在一起。
const FD = new FormData(form);
// 定义成功时发生的事件
XHR.addEventListener("load", (event) => {
alert(event.target.responseText);
});
// 定义失败情形下发生的事件
XHR.addEventListener("error", (event) => {
alert("哎呀！出了一些问题。");
});
// 设置请求
XHR.open("POST", "http://127.0.0.1:8888/edu.jsp");
// 发送的数据是由用户在表单中提供的
XHR.send(FD);
}
});
</script>
</body>
</html>
标签：const,form,表单,XHR,addEventListener,js,event From： https://www.cnblogs.com/changrunwei/p/18163290