我想从HTML文档中获取文本框值，并在节点JS中使用Json文件按下提交按钮时发布它们

Question

这是我的JS文件：

$(document).ready(function(){

      $('form').on('submit', function(){

        var email = $("form input[type=text][name=emails]").val();
        var todo = {email: email.val(),
                     pass:dat.val()};
          $.ajax({
            type: 'POST',
            url: '/project',
            data: todo,
            success: function(data){
              //do something with the data via front-end framework
              location.reload();
            }
          });

          return false;

      });

    });

这是我的html文件：

<html>
    <head>
            <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
            <script src="/assests/todo-list.js"></script>
        <body>
            <form>
                <div class="container">
                  <label><b>Email</b></label>
                  <input type="text" placeholder="Enter Email" name="emails" required>

                  <label><b>Password</b></label>
                  <input type="password" placeholder="Enter Password" name="psw" required>
                    <button type="submit" class="signupbtn">Sign Up</button>
                  </div>
                </div>
              </form>
        </body>
    </head>
</html>

我想要当我单击两个文本框中的提交按钮值时将其保存在我的数据库中（使用Mlab），为此我正在使用json文件向服务器发送请求。

我的主要帖子请求处理程序：

app.post('/project',parser,function(req,res)
{

var register=Todo(req.body).save(function(err,data)
{
    if(err) throw err
    res.json(data);

});
});

编辑：-

我删除了Javascript文件，现在可以直接使用发送表单，并且可以保存电子邮件地址，但不能保存密码。

现在这是我的主要代码：

app.post('/views/register',parser,function(req,res)
  {
     var data={
                email:req.body.emails,
                password:req.body.passcode
            };
            var send=Todo(data).save(function(err)
        {
            if(err) throw err
            res.render('login')
        })
        });

Answer 1

如果我正确理解您的问题，则说明缺少contentType参数。

$.ajax({
  type: 'POST',
  contentType: "application/json; charset=utf-8",
  ...

然后再试一次。

Answer 2

创建对象时，我没有遵循数据库的正确架构

var data={
                email:req.body.emails,
                password:req.body.passcode
            };

属性名称为pass，我使用的是密码，这就是为什么它未插入密码的原因。

var data={
                email:req.body.emails,
                pass:req.body.passcode
            };

我想从HTML文档中获取文本框值，并在节点JS中使用Json文件按下提交按钮时发布它们

问题描述

2 个解决方案

解决方案1
0 2017-10-10 08:33:11

解决方案2
0 2017-10-10 09:20:53

我想从HTML文档中获取文本框值，并在节点JS中使用Json文件按下提交按钮时发布它们

问题描述

2 个解决方案

解决方案1 0 2017-10-10 08:33:11

解决方案2 0 2017-10-10 09:20:53

解决方案1
0 2017-10-10 08:33:11

解决方案2
0 2017-10-10 09:20:53