以下是使用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以保障传输安全。这个例子仅用于教学目的，不适合用在生产环境。