JavaScript中如何发送POST请求？

在javascript中发送post请求可以使用xmlhttprequest或fetchapi。1) 使用xmlhttprequest：创建对象，设置请求方法和头信息，处理响应，但需注意回调地狱和代码复杂性。2) 使用fetchapi：更简洁，基于promise，需检查响应状态码。注意跨域、错误处理、数据格式和安全性，使用async/await可优化代码。

在JavaScript中发送POST请求是web开发中常见的任务，特别是在处理表单提交、API交互等场景中。让我来分享一下如何实现这个功能，以及一些我在实际开发中的经验和注意事项。

当你在JavaScript中发送POST请求时，你可能会首先想到使用XMLHttpRequest对象或者更现代的fetchAPI。让我从这两个角度来解释一下。

使用XMLHttpRequest发送POST请求

XMLHttpRequest是老牌的API，但它依然在很多旧项目中被使用。以下是一个使用XMLHttpRequest发送POST请求的例子：

立即学习“Java免费学习笔记（深入）”；

const xhr = new XMLHttpRequest();xhr.open('POST', '/api/endpoint', true);xhr.setRequestHeader('Content-Type', 'application/json');xhr.onreadystatechange = function() {    if (xhr.readyState === XMLHttpRequest.DONE) {        if (xhr.status === 200) {            console.log(JSON.parse(xhr.responseText));        } else {            console.error('Error:', xhr.statusText);        }    }};const data = JSON.stringify({ key: 'value' });xhr.send(data);

登录后复制