从ejs检索JSON值

Question

我是node和ejs的新手，我有下面的代码，并且需要知道如何从EJs文件中获取值并将其发布到mongoDB

EJS文件

<form>
    <p>
        <label for="username"> Username </label>
        <input type="text" for="username"/>
    </p>
    <p>
        <label for="password"> Password </label>
        <input type="password" for="password" />
    </p>
    <p>
        <label for="email"> Email </label>
        <input type="text" for="email"/>
    </p>
    <button type="submit">Log In</button> 
</form>

JS文件

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

      var item = $('form input');
      var user = [{username:item.val()},{password:item.val()},{email:item.val()}];

      console.log(user);

      $.ajax({
        type: 'POST',
        url: '/register',
        data: user,
        success: function(data){
          //do something with the data via front-end framework
            console.log(data);
          location.reload();
        }
      });

      return false;

  });

截至目前，当我插入到mongo DB中时，我得到了一个新的uuid，但其值将变为"0"

请客气

Answer 1

因此，行var item = $('form input'); 实际上是每个输入的集合，而var user = [{username:item.val()},{password:item.val()},{email:item.val()}]; 只是获取第一个的值（这是因为jQuery似乎可以隐藏一个集合），而我会尝试这样做（假设您想从该表单中获取特定的值）：

var items = $('form');
var user = {
      username: $('[name=username]', items).val(),
      password: $('[name=password]', items).val(),
      email: $('[name=email]', items).val()
    };

随着以下更改您的HTML

<form>
    <p>
        <label for="input-username"> Username </label>
        <input type="text" id="input-username" name="username"/>
    </p>
    <p>
        <label for="input-password"> Password </label>
        <input type="password" id="input-password" name="password" />
    </p>
    <p>
        <label for="input-email"> Email </label>
        <input type="text" id="input-email" name="email"/>
    </p>
    <button type="submit">Log In</button> 
</form> 

同样， <label>元素中的for属性也要与具有相同id属性的<input>关联。 因此，考虑到id应该是唯一的，并且只能解析为单个元素，我建议为它们添加某种名称间隔，例如input- 。