JavaScript 原生 AJAX 请求封装实现
作者:闭包旅人时间:2026-10-30 12:35:04浏览:665
本文提供了一段 JavaScript 发送 AJAX 请求的实例代码,重点展示了对 XMLHttpRequest 对象的封装。通过定义 ajax 函数,支持指定 URL、请求方式及成功回调,并处理服务器响应状态,适用于需要原生异步通信的场景。
JavaScript 原生 AJAX 请求封装实现
以下是对 AJAX 功能的一个基础封装实现。
//url就是请求的地址
//successFunc就是一个请求返回成功之后的一个function,有一个参数,参数就是服务器返回的报文体
function ajax(url,successFunc)
{
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
xhr.open("POST",url,true);
xhr.onreadystatechange = function(){
if(xhr.readyState == 4)
{
if(xhr.status == 200)
{
successFunc(xhr.responseText);
}
else
{
alert("服务器返回错误!");
}
}
};
xhr.send();
}
以上内容是小编给大家介绍的 Javascript 发送 AJAX 请求实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
