|
|
要使用ajax从数据库中获取正在训练的模组，您需要遵循以下步骤：
zbhjoqhzcmzuzou.png
（图片来源网络，侵删）
1、创建HTML页面
2、编写JavaScript代码
3、创建后端服务器（例如使用Node.js和Express）
4、连接到数据库（例如使用MongoDB）
5、查询正在训练的模组
6、将结果返回给前端
下面是详细的步骤和示例代码：
1. 创建HTML页面
创建一个HTML页面，包含一个按钮用于触发ajax请求，以及一个用于显示结果的区域。
获取正在训练的模组
获取正在训练的模组
2. 编写JavaScript代码
在app.js文件中，编写一个函数来处理按钮点击事件，发送ajax请求到后端服务器，并将结果显示在页面上。
$(document).ready(function() {
$("#fetchBtn").click(function() {
$.ajax({
url: "/getTrainingModules",
type: "GET",
success: function(data) {
$("#result").html("正在训练的模组：
");
data.forEach(function(module) {
$("#result").append("" + module.name + "
");
});
},
error: function(xhr, status, error) {
console.error("Error:", error);
}
});
});
});
3. 创建后端服务器
使用Node.js和Express创建一个后端服务器，首先安装所需的依赖项：
npm init y
npm install express bodyparser mongoose cors
然后创建一个名为server.js的文件，编写如下代码：
const express = require("express");
const bodyParser = require("bodyparser");
const mongoose = require("mongoose");
const cors = require("cors");
const app = express();
app.use(bodyParser.json());
app.use(cors());
// 连接到MongoDB数据库
mongoose.connect("mongodb://localhost:27017/myDatabase", { useNewUrlParser: true, useUnifiedTopology: true });
// 定义模组模型
const Module = mongoose.model("Module", new mongoose.Schema({ name: String, isTraining: Boolean }));
// 设置路由
app.get("/getTrainingModules", async (req, res) => {
try {
const modules = await Module.find({ isTraining: true });
res.json(modules);
} catch (error) {
res.status(500).send(error);
}
});
app.listen(3000, () => console.log("Server started on port 3000"));
4. 运行服务器和前端页面
在命令行中运行node server.js启动服务器，然后在浏览器中打开HTML页面，点击“获取正在训练的模组”按钮，页面上将显示正在训练的模组。 |
|
