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 请求实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

作者最新文章