JS原生AJAX请求

105 阅读1分钟

 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);
        }
    }

\