request请求流程

最新推荐文章于 2026-06-20 13:39:35 发布

原创最新推荐文章于 2026-06-20 13:39:35 发布 · 604 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #http #前端

收录于

本文详细介绍了HTTP中的POST和GET请求方法，包括它们的区别和使用场景。示例展示了如何使用XMLHttpRequest对象进行POST和GET请求，以及处理服务器响应。重点关注了数据传输和交互过程。

post请求

// post请求
let xhr = new XMLHttpRequest();
xhr.open('post', url);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function () {
    // 这步为判断服务器是否正确响应
    if (xhr.readyState === 4 && xhr.status === 200 && xhr.response != null && xhr.response !== "") {
        // 获取返回信息
        let data = JSON.parse(xhr.responseText);
    }
}
xhr.send(JSON.stringify(condition)); // 传参

get请求

// get请求
let xhr = new XMLHttpRequest();
xhr.open('get', url);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function () {
    // 这步为判断服务器是否正确响应
    if (xhr.readyState === 4 && xhr.status === 200 && xhr.response != null && xhr.response !== "") {
        // 获取返回信息
        let data = JSON.parse(xhr.responseText);
    }
}
xhr.send(); // 发送请求