以下是一个示例,演示了如何使用Ajax在另一个Ajax调用期间调用以接收服务器的任务计算状态,并将其作为进度条显示给客户端。
HTML:
服务器端(Node.js):
const express = require('express');
const app = express();
// 模拟任务计算状态
let taskProgress = 0;
app.get('/startTask', (req, res) => {
// 模拟启动任务并返回任务ID
const taskId = Math.floor(Math.random() * 1000);
res.send(taskId.toString());
});
app.post('/getTaskStatus', (req, res) => {
// 模拟获取任务状态
// 在实际应用中,这里应该获取真实的任务状态
// 并将其作为响应发送回客户端
if (taskProgress < 100) {
taskProgress += 10;
}
res.send(taskProgress.toString());
});
// 启动服务器
app.listen(3000, () => {
console.log('服务器已启动,监听端口3000');
});
请注意,这只是一个简单的示例,用于演示原理。在实际应用中,您可能需要根据您的具体需求进行更多的调整和优化。