JS原生AJAX请求

最新推荐文章于 2024-04-22 12:12:03 发布

Symin_

最新推荐文章于 2024-04-22 12:12:03 发布

阅读量161

点赞数

分类专栏：前端文章标签： AJAX GET请求 POST请求 XMLHttpRequest 响应处理

本文链接：https://blog.csdn.net/Symin_/article/details/120333444

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1. GET请求

// 1. 创建ajax对象
var xhr = XMLHttpRequest();
// 2. 设置请求参数
xhr.open('GET',{URL});
// 3. 发送请求
xhr.send(null);
// 4. 注册事件
ajax.onreadystatechange = function(){
    // 5. 响应
     if(ajax.readyState == 4 && ajax.status == 200){
        var msg = ajax.responseText;
            console.log(msg);
        }
    }

2. POST请求

// 1. 创建ajax对象
var xhr = XMLHttpRequest();
// 2. 设置请求参数
xhr.open('POST',{URL});
// post方法要设置请求头
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
// 3. 发送请求
xhr.send({data});
// 4. 注册事件
ajax.onreadystatechange = function(){
    // 5. 响应
    if(ajax.readyState == 4 && ajax.status == 200){
        var msg = ajax.responseText;
            console.log(msg);
        }
    }