原生ajax使用

ajax是异步的JavaScript和XML。用来进行异步请求。浏览器可以用来向服务器发送一个ajax请求,进行页面的局部刷新。

1、get请求 头部不设置,参数转为查询字符串拼接到url上
2、post请求
参数在send()里
发表单格式,设置头部为表单格式,数据也要是表单格式数据
发json格式,设置头部为json格式,数据也要是json格式数据

get方式请求

//创建对象
var httpRequest = new XMLHttpRequest();
//建立连接
httpRequest.open('get', URL+'?' + qs.stringify(params));
//认证
//httpRequest.setRequestHeader("Authorization",sessionStorage.getItem('token'));
//发送请求
httpRequest.send();
//接收请求
httpRequest.onreadystatechange = function () {
    if (httpRequest.readyState === 4 && httpRequest.status === 200) {
        success(JSON.parse(httpRequest.responseText));
    }
    if (httpRequest.readyState === 4 && httpRequest.status === 500) {
        error(JSON.parse(httpRequest.responseText));
    }
}

post方式请求

//创建对象
var httpRequest = new XMLHttpRequest();
//建立连接
httpRequest.open('post', 'http://120.26.176.26:7788/user/login');
//在请求头部设置数据格式
httpRequest.setRequestHeader("Content-Type", "application/json");
// httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
//认证
// httpRequest.setRequestHeader('Authorization', 'XXXXX')
//post参数在send()里
//发送请求
httpRequest.send(JSON.stringify(obj));
// httpRequest.send(qs.stringify(obj));
//接收响应
httpRequest.onreadystatechange = function () {
    if (httpRequest.readyState === 4 && httpRequest.status === 200) {
        success(JSON.parse(httpRequest.responseText));
    }
    if (httpRequest.readyState === 4 && httpRequest.status === 500) {
        error(JSON.parse(httpRequest.responseText));
    }
}
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页