Question

我正在研究Node.js-Express.js-Mongoose应用程序。我希望以html格式（EJS文件）接受用户详细信息（名称和年龄），保存到数据库（使用mongoose）在网页上显示添加的用户详细信息。我正在使用AJAX。使用的文件是：

userview.ejs （包含表单） - ＆gt; frontend.js （使用jquery） - ＆gt; users.js （路由器文件 - 调用userController中定义的add（）函数） - ＆gt; userController.js （附于下方） - ＆gt; userService.js （执行数据库操作）。

检查列表的外观图像。

实际发生的是创建了一个新用户，但名称未显示。

查看数据库显示只添加了空白条目的ID。

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;

Answer 1

使用 JSON.stringify（）发送数据，并将内容类型指定为'application / 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);
  }
});

无法使用Mongoose

1 个答案: