JS实现使用POST方式发送请求
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
JS实现使用POST方式发送请求
在JavaScript中,我们可以使用`XMLHttpRequest`对象来实现使用POST方式发送请求。
以下是一个简单的示例代码:
```javascript
function sendPostRequest(url, data, callback)
var xhr = new XMLHttpRequest(;
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = functio
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200)
callback(xhr.responseText);
}
};
xhr.send(JSON.stringify(data));
```
在上面的代码中,`sendPostRequest`函数接受三个参数:`url`表示请求的地址,`data`表示要发送的数据,`callback`表示请求成功后的回调函数。
首先,我们创建一个`XMLHttpRequest`对象,然后使用`open`方法指定请求的方式为POST,并设置请求的地址为`url`,第三个参数设置为
`true`表示以异步方式发送请求。
接下来,我们使用`setRequestHeader`方法设置请求头的`Content-Type`为`application/json`,表示发送的数据是JSON格式。
然后,我们设置`onreadystatechange`事件的回调函数,当
`readyState`变为`XMLHttpRequest.DONE`(表示请求已完成)且
`status`为200(表示请求成功)时,执行回调函数,并将
`xhr.responseText`作为参数传递给回调函数。
`xhr.responseText`表示服务器返回的响应数据。
最后,我们使用`send`方法发送POST请求,将`data`转换为JSON字符串后发送。
接下来,我们可以使用上面定义的`sendPostRequest`函数发送POST 请求:
```javascript
var data = { username: "john", password: "secret" };
sendPostRequest(url, data, function(response)
console.log(response);
});
```
在`callback`函数中,我们简单地将服务器返回的响应数据打印到控
制台上。
这样,我们就使用POST方式发送了一个简单的请求。
当然,实际的
应用场景可能更加复杂,需要根据实际需求对代码进行相应的修改和扩展。