JS发送XMLHttpRequest请求

在JS中发送请求可以使用XMLHttpRequest

var request = new XMLHttpRequest();
request.open('POST', request_url);
request.setRequestHeader("Content-type","application/json");
send_data = {'url': url, 'name': "zhangsan", 'age': 15}
request.send(JSON.stringify(send_data));
request.onload = function(e){
    console.log("请求成功")
    console.log(request.status, "请求的URL的相应状态")
    console.log(request.readyState, "请求的结果,一般都是4")
    if (request.status === 200) {
        alert('设置回调事件成功!');
        window.history.back(-1); //返回上个页面
    }
    else{
        alert('设置失败,请重试!');
        window.history.back(-1);
    }
}
request.onerror = function(e){
   alert('请求失败')
}

request.readyStatus一共有5中状态:

0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用了

request.status同HTTP的状态:

200:请求成功

400: 内部服务器错误

request.onload = function(e){}  请求成功

request.process  请求正在加载

request.onerror  请求失败

你可能感兴趣的:(前端)