Node.js毕业设计基于Web的快递收发管理系统

作者：System 时间：2024年08月12日分类：所有,nodejs 字数：1358

由于篇幅限制，下面仅展示如何使用Express框架创建一个简单的API路由，以及如何在前端使用Ajax请求调用这个API。

后端代码 (Express 服务器):




const express = require('express');
const app = express();
const port = 3000;
 
// 创建一个API路由
app.get('/api/greeting', (req, res) => {
  const name = req.query.name || 'World';
  res.send(`Hello, ${name}!`);
});
 
app.listen(port, () => {
  console.log(`Server listening at http://localhost:${port}`);
});

确保安装了Express:




npm install express

前端代码 (HTML + JavaScript):




<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Greeting Example</title>
</head>
<body>
  <h1>Greeting Example</h1>
  <input type="text" id="nameInput" placeholder="Enter your name">
  <button onclick="getGreeting()">Get Greeting</button>
  <p id="greetingText"></p>
 
  <script>
    function getGreeting() {
      const name = document.getElementById('nameInput').value;
      const xhr = new XMLHttpRequest();
      xhr.open('GET', `/api/greeting?name=${encodeURIComponent(name)}`, true);
      xhr.onload = function() {
        if (this.status === 200) {
          document.getElementById('greetingText').innerText = this.responseText;
        }
      };
      xhr.send();
    }
  </script>
</body>
</html>

启动Express服务器后，打开这个HTML页面，输入名字并点击按钮，就会看到来自服务器的问候。这个例子展示了如何使用Express创建一个简单的API，并在前端使用Ajax进行调用。

Node.js毕业设计基于Web的快递收发管理系统

评论已关闭

推荐阅读