2017-05-26 96 views
0

我正在使用Node.js-Express.js-Mongoose应用程序。 我想以html格式(EJS文件)接受用户详细信息(姓名和年龄),保存到数据库(使用猫鼬)在网页上显示添加的用户详细信息。 我正在使用AJAX。所使用的文件是:无法将数据从前端Javascript插入到使用Mongoose的数据库中

userview.ejs(包含表单) - >frontend.js(用了jQuery) - >users.js(路由器文件 - 要求定义的add()函数在userController中) - >userController.js(附在下面) - >userService.js(执行数据库操作)。

检查清单应该如何显示的图像。 User Form

究竟发生了什么是创建一个新用户,但名称不显示。

Blank Entries

甲窥视到数据库显示,只添加空白条目的编号。 Mongodb snapshot

FRONTEND.js

console.log('Frontend Reached'); 

$(document).ready(function() { 

    var url = '/users/delete_user'; 
    var user_url = '/users/add_user'; 


    function load_users(e) { 
    $.ajax({ 
     url: 'userview.ejs', 
     dataType: 'text', 
     type: 'post', 
     ContentType: 'html', 
     data: $('#user_form').serialize(), 
     success: function(data, textStatus, jQxhr) { 
     console.log(data); 
     $('#list').html(data); 
     //$('#user_form').submit(load_users); 
     }, 
     error: function(jqXhr, textStatus, errorThrown) { 
     console.log(errorThrown); 
     } 
    }); 

    e.preventDefault(); 
    } 

//添加用户

$(document).on('click', '.btn btn-success', function(e) { 
    e.preventDefault(); 
    var user_name = $("#nameinput").val(); 
    var user_age = $("#ageinput").val(); 
    console.log(user_name); 
    console.log(user_age); 

    $.ajax({ 
     url: 'userview.ejs', 
     dataType: 'text', 
     type: 'post', 
     ContentType: 'html', 
     data: { 
     'user_name': user_name, 
     'user_age': user_age 
     }, 
     success: function(data, textStatus, jQxhr) { 
     console.log(data); 
     load_users(); 
     }, 
     error: function(jqXhr, textStatus, errorThrown) { 
     console.log(errorThrown); 
     } 
    }); 

    e.preventDefault(); 


    }); //onclick 



}); //document ready 

这是userController.js 在这个文件控制台日志显示该记录是不确定的。

var User = require('../models/usermodel.js'); 
var userService = require('../services/userService'); 

var userController = { 
    add: function(request, response) { 
    var user_name = request.body.user_name; 
    var user_age = request.body.user_age; 
    console.log(user_name); //SHOWS UNdEFINED 
    var newUser = new User({ 
     name: user_name, 
     age: user_age 
    }); 
    console.log(newUser); 
    //var userName = request.body.user_name; 
    //var userAge = request.body.user_age; 
    userService.add(newUser, function(err, added) { 
     if (err != null) { 
     response.send(500); 
     } else { 
     response.send(200); 
     } 
    }); 
    }, 

    delete: function(request, response) { 

    var userId = request.body.user_id; 
    userService.delete(userId, function(err, deleted) { 
     if (err != null) { 
     response.send(500); 
     } else { 
     response.send(200); 
     } 
    }); 
    } 
}; 

module.exports = userController; 
+0

什么错误?问题是什么?应该发生什么?究竟发生了什么?这是一个问题,缺乏你的问题。请参阅[mcve](https://stackoverflow.com/help/mcve)以改善您的问题。 –

+0

你是否试图直接从前端添加数据到mongodb?先生,我无法找到原因!您需要拥有开放(不安全)的数据库或将凭证存储在前端(这意味着非常开放的数据库,因为您无法在前端隐藏任何内容)。这是不行的。 – Mort

+0

@NeilLunn我已经做了必要的修改。请让我知道你是否需要别的东西。 –

回答

0

发送使用JSON.stringify(), 您的数据和指定内容类型“应用/ JSON”让你的服务器将知道该期待一个JSON。

var data = { 
    'user_name': user_name, 
    'user_age': user_age 
    }, 

$.ajax({ 
    url: 'userview.ejs', 
    type: 'post', 
    contentType: 'application/json', 
    data: JSON.stringify(data), 
    success: function(data, textStatus, jQxhr) { 
    console.log(data); 
    load_users(); 
    }, 
    error: function(jqXhr, textStatus, errorThrown) { 
    console.log(errorThrown); 
    } 
}); 
+0

同样的问题依然存在。我得到一个Deprecation警告和错误如下: 使用res.sendStatus(状态),而不是在controllers \ userController.js:21:34 用户创建! POST/users/add_user 200 14149.870 ms - 2 –

+0

你还有这个问题吗? @ArjunJain –

+0

不,我不知道。您的解决方案完美运作 –

相关问题