使用node和ajax实现简单的注册登录

以下是使用Node.js和Ajax实现简单的注册和登录功能的示例代码。

Node.js (Express) 部分:




const express = require('express');
const bodyParser = require('body-parser');
const app = express();
 
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
 
// 用户数据存储
const users = {};
 
// 注册接口
app.post('/register', (req, res) => {
  const { username, password } = req.body;
  if (users[username]) {
    res.status(400).send('用户名已存在');
  } else {
    users[username] = password; // 注册用户
    res.status(200).send('注册成功');
  }
});
 
// 登录接口
app.post('/login', (req, res) => {
  const { username, password } = req.body;
  if (users[username] && users[username] === password) {
    res.status(200).send('登录成功');
  } else {
    res.status(401).send('用户名或密码错误');
  }
});
 
const PORT = 3000;
app.listen(PORT, () => {
  console.log(`服务器运行在 http://localhost:${PORT}`);
});

Ajax 部分 (假设使用jQuery):




<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>注册登录示例</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
 
<h2>注册</h2>
用户名: <input type="text" id="username-register">
密码: <input type="password" id="password-register">
<button id="register-btn">注册</button>
 
<h2>登录</h2>
用户名: <input type="text" id="username-login">
密码: <input type="password" id="password-login">
<button id="login-btn">登录</button>
 
<script>
  $(document).ready(function() {
    $('#register-btn').click(function() {
      $.post('/register', {
        username: $('#username-register').val(),
        password: $('#password-register').val()
      }).done(function(response) {
        alert(response);
      }).fail(function(error) {
        alert(error.responseText);
      });
    });
 
    $('#login-btn').click(function() {
      $.post('/login', {
        username: $('#username-login').val(),
        password: $('#password-login').val()
      }).done(function(response) {
        alert(response);
      }).fail(function(error) {
        alert(error.responseText);
      });
    });
  });
</script>
 
</body>
</html>

在实际部署时，用户密码应加密处理，并确保Ajax请求采用HTTPS以保障传输安全。这个例子仅用于教学目的，不适合用在生产环境。

使用node和ajax实现简单的注册登录

评论已关闭

推荐阅读