使用Node.js与Jade框架时提交按钮无法正常工作的问题排查

我写了一段简单代码，想在应用里添加用户并把数据插入Cassandra数据库，但提交按钮点了没反应，也没任何错误提示。相关代码如下：

JS 文件 #

var express = require('express');
var router = express.Router();
var cassandra = require('cassandra-driver');
var client = new cassandra.Client({contactPoints : ['<DatabaseIP>']});
client.connect(function(err, result){
 console.log('cassandra connected: adduser');
});
router.get('/', function(req, res){
 res.render('adduser');
});
var upsertUser = 'INSERT INTO tablename(username, password, email, name) VALUES(?,?,?,?)';
router.post('/', function(req, res){
 client.execute(upsertUser, [req.body.username,req.body.password,req.body.email,req.body.name], function(err, result){
 if(err){
 res.status(404).send({msg: err});
 } else{
 console.log ('User Added');
 res.redirect ('/users');
 }
 });
});
module.exports = router;

Jade 文件 #

extends layout
block content
 h1 Add User
 form#formAddUser(name="adduser", method="post", action="/adduser")
 div
 input#inputUserName(type="text", placeholder ="Enter Username", name="username")
 div
 input#inputPassword(type="password", placeholder ="Enter Password", name="password")
 div
 input#inputEmail(type="text", placeholder ="Enter Email Address", name="email")
 div
 input#inputName(type="text", placeholder ="Enter Full Name", name="name")
 div
 button#btnSubmit(type="submit") Submit

问题排查与解决方案 #

看起来你的代码框架没问题，但几个细节没处理好，导致提交无响应且无报错，我帮你逐个梳理：

1. Cassandra连接错误被完全忽略
   你当前的client.connect只打印了成功日志，但如果数据库IP错误、端口不通或者没有权限，连接失败的错误会被直接忽略，后续的execute根本跑不起来，而且你完全看不到错误信息。赶紧补上错误处理：

   client.connect(function(err, result){
     if(err) {
       console.error('Cassandra连接失败:', err);
       return;
     }
     console.log('cassandra connected: adduser');
   });
   

   这样启动服务时就能第一时间发现连接问题。

2. 缺少请求体解析中间件，req.body是undefined
   Express默认不会解析表单POST的请求体，所以req.body.username这些参数全是undefined，Cassandra执行插入时会报错，但你的错误处理可能没正确反馈到前端。必须在app.js里添加body-parser：

   const bodyParser = require('body-parser');
   // 解析表单格式的请求体
   app.use(bodyParser.urlencoded({ extended: true }));
   

   没有这个中间件，后端根本拿不到表单数据，自然无法完成插入。

3. Cassandra未指定键空间，表找不到
   你的Client初始化时没指定keyspace，执行INSERT INTO tablename(...)时会找不到表（因为Cassandra不知道你要操作哪个键空间下的表）。修改Client配置：

   var client = new cassandra.Client({
     contactPoints : ['<DatabaseIP>'],
     keyspace: '你的键空间名称' // 替换成实际的keyspace名字
   });
   

   同时，把错误响应的状态码改成500（服务器内部错误），404是资源不存在，不符合这个场景：

   if(err){
     console.error('插入用户失败:', err);
     res.status(500).send({msg: err.message});
   } else{
     console.log ('User Added');
     res.redirect ('/users');
   }
   

4. 表单Action路径可能不匹配
   Jade里表单的action="/adduser"是绝对路径，如果你的路由挂载路径不是/adduser（比如app.use('/admin/adduser', adduserRouter)），就会找不到接口。改成相对路径更稳妥：

   form#formAddUser(name="adduser", method="post", action=".", novalidate)
   

   加上novalidate可以暂时关闭浏览器的HTML5默认验证，避免因为必填项没填导致表单根本不提交。

5. 用浏览器开发者工具抓包分析
   按下F12打开开发者工具，切换到Network标签，点击提交按钮，看有没有请求发出去：

   • 如果没有请求：大概率是前端表单验证或者按钮绑定问题
   • 如果有请求：看状态码和响应内容，能直接看到后端返回的错误信息

先按上面的步骤排查，最可能的原因是缺少body-parser或者Cassandra连接/键空间配置错误，这两个是新手最容易踩的坑。

内容的提问来源于stack exchange，提问作者Krishna Pathangi