【Ajax入门技术】原生AJAXexpress的基本使用，进行不刷新页面获取到数据

// 引入Express
const express = require('express');
const app = express();
const port = 3000;
 
// 解析URL编码的请求体
app.use(express.urlencoded({ extended: true }));
 
// 静态文件服务
app.use(express.static('public'));
 
// 处理GET请求，返回HTML页面
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});
 
// 处理POST请求，返回AJAX数据
app.post('/get-data', (req, res) => {
  // 假设这是从数据库或其他API获取的数据
  const data = { name: 'Alice', age: 25 };
  res.json(data); // 返回JSON格式的数据
});
 
// 启动服务器
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

在这个例子中，我们创建了一个简单的Express服务器，它提供了一个静态文件服务来托管HTML页面，并处理了两种类型的请求：GET请求返回HTML页面，POST请求返回JSON格式的数据。这个服务器可以作为AJAX请求的服务端，与前端的AJAX代码配合，实现不刷新页面获取数据的功能。