jquery - 处理表单发布、nodejs 和 JQueryMobile

标签 jquery html node.js jquery-mobile

我正在使用 node.js 和 jQuery Mobile,但在处理表单时遇到一些问题。 我怎样才能渲染下一页?我应该将什么传递给渲染函数?

感谢您的帮助!

HTML 代码:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page1">
     <h1>Welcome To My Homepage</h1>
     <form method="POST" action="/main" name="login">User name &nbsp; 
          <input required="required" name="username" type="text" value="">                       <br>
        <br>
        Password &nbsp;&nbsp; <input required="required" name="password" type="password" value=""><br>
        <br>
        <input value="Login" name="Login" type="submit"></form>
  </div>

<div data-role="page" id="page2">
    <h1>SUCCESS</h1>
  </div>

<div data-role="page" id="page3">
    <h1>FAIL</h1>
  </div>
</body>
</html>

NODE.JS:

app.post("/main", function (req, res) {
.
.
.
if (user != null) {
	console.log("User Found");
    res.render(??????); --> render #page2
} else {
    console.log("Username and password don't match");
    res.render(??????); --> render #page3     
  }
}

最佳答案

您应该使用body-parser 。它是express的中间件,不同格式的http body的解析器。

对于Form解析,使用bodyparser.urlencoded中间件

关于jquery - 处理表单发布、nodejs 和 JQueryMobile,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32863400/

相关文章:

jQuery:获取最后一行列选择器

javascript - 使用 jQuery 选择链接的 href 并将其存储为字符串

javascript - 在偶数监听器 block 中绑定(bind)和解除绑定(bind)

html - 使用 Perl 和 WWW::Mechanize 获取带有填写表单的 HTML 并将其保存到文件

php - 无法在 div 中将搜索栏居中

node.js - 如何将 BLOB 格式的图像上传到 Firebase 存储?

javascript - 获取数组元素的所有值

jquery - 立即添加和删除相同的 css 类

memory - Node.js v8-profiler 模块不会安装

Node.js Express 通配符(包罗万象)不适用于 App root