使用node.js和handlebar插入mysql记录时出现问题

w9apscun  于 2021-06-21  发布在  Mysql
关注(0)|答案(1)|浏览(372)

我有一个问题,当试图提交一个表单与用户信息插入到一个表中。我有一个userform,允许使用以下内容输入用户数据:

<form id="userForm">
        <fieldset>
            <legend>Add User</legend>
            <p>First Name: <input id="fname" type="text" name="fname"/></p>
            <p>Last Name: <input  id="lname" type="text" name="lname"/></p>
            <p>Email: <input id="email" type="text" name="email"/></p>
            <p>Password: <input id="password" type="text" name="password"/></p>
        </fieldset>
        <input id="addUser" type="submit" name="add" value="Add User" onclick="addRow()" />
</form>

<script src="script.js"></script>

然后在我的 script.js 代码:

function addRow(){

    var form = document.getElementById("userForm");

    var req = new XMLHttpRequest();

          // Add the form data to the ajax request
          var queryString = "";

          var fname = form.fname.value;
          var lname = form.lname.value;
          var email = form.email.value;
          var password = form.password.value;

          queryString += "fname=" + fname + "&";
          queryString += "lname=" + lname + "&";
          queryString += "email=" + email + "&";
          queryString += "password=" + password;

          req.open('GET', '/insert-user?' + queryString, true);
          req.send();
          console.log(req.status);

执行服务器端代码:

app.get('/add-user', function(req,res){
  var context = {};
  res.render('addUser', context);
});

app.get('/insert-user',function(req,res,next){
  var context = {};
  pool.query("INSERT INTO user (`fname`, `lname`, `email`, `password`) VALUES (?,?,?,?)", 
  [req.query.fname, req.query.lname, req.query.email, req.query.password], 
  function(err, result){
    if(err){
      next(err);
      return;
    }
    context.results = "Inserted id " + result.insertId;
    res.render('exerciseTable',context);
  });
});

未将记录插入表中。当我 console.log(req.status) 我在控制台中看到0。adduser页是用户填写的表单,然后调用insert用户代码,但它似乎不起作用。事实上,url不会从 http://18.219.103.143:3000/add-userhttp://18.219.103.143:3000/insert-user? 当我屈服的时候。它只是保持静止。好像是我的 app.get('/insert-user'... 代码甚至没有被调用。有人知道我错过了什么吗?
控制台中出现以下错误:

hpcdzsge

hpcdzsge1#

试着把

<form id="userForm" onsubmit="return false;">

否则将调用窗体上的默认操作。由于您的按钮是一个提交按钮,并且您的默认操作没有设置,因此它默认为同一页,并且不返回任何内容或返回true将重新加载您的页。

相关问题