要禁止表单提交并使用XMLHttpRequest发送请求,你可以使用以下代码示例:
HTML部分:
JavaScript部分:
function sendRequest() {
var form = document.getElementById("myForm");
var formData = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open("POST", "your_url_here", true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功处理逻辑
console.log(xhr.responseText);
}
};
xhr.send(formData);
}
在这个示例中,当点击提交按钮时,sendRequest
函数会被调用。它首先获取表单元素和其数据,然后创建一个新的XMLHttpRequest对象。接下来,我们使用open
方法指定请求的方法(POST)、URL以及是否使用异步方式发送请求。然后,我们设置onreadystatechange
事件处理函数,该函数在请求状态发生变化时被触发。在这个示例中,我们只关心当请求状态为4(请求已完成)且响应状态为200(成功)时的逻辑。最后,我们使用send
方法发送请求,并将表单数据作为参数传递给它。
请注意,你需要将your_url_here
替换为你希望发送请求的URL。另外,还可以根据需要对表单数据进行验证和处理。