在HTML中，我们可以使用JavaScript的fetch API来发送POST请求，以下是一个简单的示例：
（图片来源网络，侵删）
<!DOCTYPE html>
<html>
<body>
<h2>发送POST请求</h2>
<button onclick="sendPostRequest()">点击发送POST请求</button>
<script>
function sendPostRequest() {
var url = 'https://example.com/api'; // 你的API地址
var data = {
key1: 'value1',
key2: 'value2'
};
fetch(url, {
method: 'POST', // 指定请求方法为POST
headers: {
'ContentType': 'application/json' // 设置内容类型为JSON
},
body: JSON.stringify(data) // 将数据转换为JSON字符串
})
.then(response => response.json()) // 解析响应为JSON
.then(data => console.log('成功：', data)) // 打印成功响应的数据
.catch((error) => console.error('错误：', error)); // 打印错误信息
}
</script>
</body>
</html>
在这个示例中，我们首先定义了一个URL和一个要发送的数据对象，我们使用fetch函数发送一个POST请求到指定的URL，并设置请求头的内容类型为JSON，我们将数据对象转换为JSON字符串，并将其作为请求体发送，我们处理响应，将其解析为JSON，并打印出成功或错误信息。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/426649.html
微信扫一扫