来自JS的发布呼叫不会将数据发送到后端

时间:2019-10-25 05:26:11

标签: jquery node.js mongodb express pug

试图将登录数据从前端发送到mongodb。

因此,我的js文件从pug文件中获取ID并传递值,然后执行post调用,以发送登录ID和传递。

然后,路线/ postlist取值并呈现。

我得到的错误是没有值传递给ajax调用,即使id和pass的值也显示在我执行console.log时

这是我的哈巴狗文件

script(type='text/javascript' src="http://code.jquery.com/jquery-latest.js")
script( type= 'text/javascript',src='/javascripts/script.js')


form( id='formSignIn')
    div.form-group
      label(for='name') Id:
      input#name.form-control(type='text', placeholder='id' name='name')
    div.form-group
      label(for='pw') Password:
      input#password.form-control(type='password', name='password')
      button.btn.btn-primary(type='submit', id='submit') Sign In

这是我的js代码

$(document).ready(function(){
console.log("hi");

    var name,password;
    $("#submit").click(function(){
        id= $("#name").val();
        // console.log("/////////",name);
        pass=$("#password").val();
        console.log("$$$$$$$$$$$$$", id, pass)
        $.post("/signup", {name: id, password: pass} ,function(data){
         alert( "Data Loaded: " + data );
        }).fail(function(){
      console.log("error");

        // console.log("@@@@@@@@@@@@@@@@@");
        localStorage.setItem('user',id);
        });
})})

这是我在router / index.js中的代码(为此项目使用快递)

router.post('/login', function(req,res){
console.log("fhfdghd")
 var db = req.db;
    // Set our collection
   var userCollection = db.collection('user');
    // Get our form values. These rely on the "name" attributes
    console.log("BODY", req.body)
    var id = req.body.name;
    var password = req.body.password;
    var query = {"id": id, "password": password}
     db.collection('user').findOne(query, function(err, user){
      if(err) {throw new Error(err);}
      else if(!user){ 
        console.log('Not found');
    }
      else{ 

        sses=req.session;
        sses.user=req.body.name;

        console.log('Found!');
        res.end('done');
        res.redirect('/');
        }
  })
});

1 个答案:

答案 0 :(得分:0)

在此link中,您没有使用body-parser nodejs,它需要body解析器才能在后端获取body数据,因此您必须像这样在app.js中安装并使用它

第1步:

npm i body-parser

第二步: 在app.js中需要

var bodyParser = require('body-parser');

第3步: 像这样使用它

app.use( bodyParser.json() );       // to support JSON-encoded bodies
// app.use(bodyParser.urlencoded({     // to support URL-encoded bodies
//   extended: true
// })); 

此后,您应该获取数据。