Javascript 不重新加载页面的登录表单验证
我有一个登录表单,我想确认无需重新加载页面。我该怎么做?AJAX还是Express(NodeJS)Javascript 不重新加载页面的登录表单验证,javascript,node.js,frontend,Javascript,Node.js,Frontend,我有一个登录表单,我想确认无需重新加载页面。我该怎么做?AJAX还是Express(NodeJS) 登录聊天室 登录: 密码: U应首先移除“表单”标签,并添加一个按钮,该按钮可激活“登录”等功能 我建议使用axios: 在函数“login”中写入: 在服务器端,您可以捕获如下请求 app.post("/loginpath", (req,res) => { res.send("ok") }) 您需要暂停“bodyparser”以从您的身体获取数据。 安装bod
登录聊天室
登录:
密码:
U应首先移除“表单”标签,并添加一个按钮,该按钮可激活“登录”等功能
我建议使用axios:
在函数“login”中写入:
在服务器端,您可以捕获如下请求
app.post("/loginpath", (req,res) => {
res.send("ok")
})
您需要暂停“bodyparser”以从您的身体获取数据。安装bodyparser时,您可以使用req.body.name或req.body.password访问提交的数据如果您希望客户端代码与服务器端代码通信而无需重新加载页面,那么,是的,AJAX是您正在寻找的技术。有各种各样的示例和教程可供您开始学习。好的。我试试阿贾克斯,谢谢。。我需要用数据库验证数据)是的,那肯定是后端。这有点宽泛,所以我建议添加一些服务器代码,是的,使用ajax向服务器发出带有表单数据的POST请求。服务器将根据数据库对其进行验证,并向前端发送响应。好的,它可以工作,但是res.send(“好”)不工作,哈哈。我不知道为什么。可能是因为我有一个vuejs模式窗口,在您发送响应之前,您设置了一个会话,以便用户登录。设置会话后,您可以像res.send({loggedIn:true})那样向他发送一个对象。然后你检查:如果(response==true)你把他重定向到你的仪表板或者其他什么,那就好了
axios.post('/loginpath', {
name: 'Fred',
password: 'Flintstone'
})
.then(function (response) {
if(response == "ok")
{
window.location.replace("http://website.com/redirect);
})
.catch(function (error) {
console.log(error);
});
app.post("/loginpath", (req,res) => {
res.send("ok")
})