JavaScript 自定义封装XMLHttpRequest

最新推荐文章于 2025-07-22 14:58:38 发布

原创最新推荐文章于 2025-07-22 14:58:38 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

web前端的笔记专栏收录该内容

38 篇文章

订阅专栏

本文通过示例展示了如何使用JavaScript实现AJAX的GET和POST请求，并介绍了请求发送及响应处理的基本流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ajaxGet("http://localhost/shop/shopPHP/?c=User&f=getUser&userId=1",function (res) {
	console.log(res)
})
function ajaxGet(url,fn) {
	let xhr=new XMLHttpRequest();
	xhr.open("GET",url);
	xhr.send();
	xhr.onreadystatechange=function () {
		if (xhr.readyState==4&&xhr.status==200) {
			fn(xhr.responseText);
		}
	}
}
let params={
	"c":"User",
	"f":"getUser",
	"userId":"1"
};
ajaxPost("http://localhost/shop/shopPHP/",params,function (res) {
	console.log(res)
})
function ajaxPost (url,obj,fn) {
	let xhr=new XMLHttpRequest();
	xhr.open("POST",url);
	xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
	for (key in obj) {
		params+="&"+key+"="+obj[key]
	}
	xhr.send(params);
	xhr.onreadystatechange=function () {
		if (xhr.readyState==4&&xhr.status==200) {
			fn(xhr.responseText);
		}
	}
}