XMLHttpRequest使用教程

XMLHttpRequest 兼容性

关于 XMLHttpRequest 的浏览器兼容性,大家可以直接查看“Can I use”这个网站提供的结果XMLHttpRequest兼容性。

使用 XMLHttpRequest 提交表单数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function sendData()
{
// 构造表单数据
var formData = new FormData();
formData.append('username', 'johndoe');
formData.append('id', 123456);

// 创建xhr对象
var xhr = new XMLHttpRequest();
// 设置xhr请求的超时时间
xhr.timeout = 3000;// 3秒
// 设置响应返回的数据格式
xhr.responseType = "text";
// 创建一个 post 请求,采用异步
xhr.open('POST', '/server.php', true);
// 注册相关事件回调处理函数
xhr.onload = function(e) {
if(this.status == 200||this.status == 304){
let res = 'response' in xhr ? xhr.response : xhr.responseText
console.log(res);
}
};
xhr.ontimeout = function(e) {};
xhr.onerror = function(e) {};
xhr.upload.onprogress = function(e) {};

//发送数据
xhr.send(formData);
}

开发文档:https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpReques
参考链接:https://segmentfault.com/a/1190000004322487#articleHeader16

坚持原创技术分享,您的支持将鼓励我继续创作!