day37（事件轮询机制 ajaxGet执行步骤与案例（五个步骤） ajax属性 PHP返回JSON对象（两种））

事件轮询机制(Event Loop)是现代JavaScript运行时（例如浏览器和Node.js）处理异步代码的方式。它的主要目标是确保在处理长时间运行的代码时用户界面保持响应。

AJAX（Asynchronous JavaScript and XML）是一种创建交互式网页应用的技术，可以实现页面的部分刷新。ajaxGet是一个简化的AJAX GET请求函数，以下是其五个步骤的实现：

function ajaxGet(url, callback) {
  // 第一步：创建XMLHttpRequest对象
  const xhr = new XMLHttpRequest();
 
  // 第二步：配置请求
  xhr.open('GET', url, true);
 
  // 第三步：发送请求
  xhr.send();
 
  // 第四步：监听状态变化
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) { // 请求已完成
      if (xhr.status === 200) {  // 成功状态码
        callback(null, xhr.responseText);
      } else {
        callback(new Error('Error: ' + xhr.status), null);
      }
    }
  };
}

在使用ajaxGet函数时，你需要提供一个URL和一个回调函数，该回调函数会在请求结束时被调用，并根据请求结果接收错误或响应文本。

PHP返回JSON对象的代码示例：

<?php
$response = array('name' => 'John', 'age' => 30, 'email' => 'john@example.com');
 
header('Content-Type: application/json');
echo json_encode($response);
?>

这段PHP代码设置响应头为application/json，并输出一个JSON编码的数组。这样可以方便前端JavaScript代码解析JSON格式的响应。