JS发送XMLHttpRequest请求

最新推荐文章于 2026-05-09 22:07:36 发布

原创最新推荐文章于 2026-05-09 22:07:36 发布 · 1.4w 阅读

9 ·

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

标签

#HTML #Javascript

前端专栏收录该内容

5 篇文章

订阅专栏

博客介绍了在JS中使用XMLHttpRequest发送请求的相关内容。包括request.readyStatus的5种状态，如未初始化、载入、载入完成等；还提及request.status同HTTP状态，如200表示请求成功、400表示内部服务器错误，以及请求成功、加载、失败的对应处理。

在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 请求失败