gpt4 book ai didi

javascript - 使用express服务器打开新的html页面

转载 作者:行者123 更新时间:2023-11-28 05:40:38 24 4
gpt4 key购买 nike

我有一个带有 2 个按钮的登录页面。我希望当我单击注册按钮时,将打开一个新的 html 页面 (register.html)。所有文件都位于同一文件夹中。

到目前为止我尝试过的:我的 index.html 文件(主页):

<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<link rel="stylesheet" href="CSS.css">
<script src="JS.js"></script>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>

<div id="login">
User Name:<br>
<input type="text" id="username"><br>
Password:<br>
<input type="password" id="password"><br><br>
<input type="button" onclick="loginUser()" value="Login"></button>
<input type="button" onclick="RegisterUser()" value="Register"></button>
</div>


</body>
</html>

server.js:

var express = require('express');
var lastResult = '';
var app = express();
var path = require('path');

var bodyParser = require('body-parser');
app.use(bodyParser());

app.use(express.static(path.join(__dirname + '/')));

app.get('/register',function(req,res){
res.sendFile('/register.html');
});

app.listen(3000);

Javascript 文件:

function RegisterUser() {
$.get("/register", function(res){

});
}

还有我想点击后打开的register,html文件。我尝试在 JS 文件上创建一个“RegisterUser()”函数,该函数调用服务器上的 get 函数。我对 Node.js、Express 服务器领域还是个新手。如果这不是正确的方法,请纠正我。

谢谢!

最佳答案

I want that when I click on the register button, a new html page (register.html) will open

您正在发出 Ajax 请求,然后对服务器发送的数据不执行任何操作。

如果您想打开新页面……只需使用链接即可。

<a href="/register">Login</a>

关于javascript - 使用express服务器打开新的html页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38946045/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com