- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是我第一次构建 API,我似乎遇到了 post/put 请求的问题。获得预期的效果。当我尝试 POST 到 api 时,出现错误
TypeError: Cannot read property 'id' of undefined at Object.addUser (D:\github\DC-API\models\user.js:11:58)
这是我的代码。
用户.js
var db = require('../dbconnection');
var User = {
getAllUsers: function(callback) {
return db.query("select * from users", callback);
},
getUserById: function(id, callback) {
return db.query("select * from users where Id=?", [id], callback);
},
addUser: function(User, callback) {
return db.query("Insert into users values(?,?,?)", [User.id, User.username, User.avatar], callback);
},
deleteUser: function(id, callback) {
return db.query("delete from users where Id=?", [id], callback);
},
updateUser: function(id, User, callback) {
return db.query("update users set username=?,avatar=? where Id=?", [User.username, User.avatar, id], callback);
}
};
module.exports = User;
用户.js
var express = require('express');
var router = express.Router();
var User = require('../models/user');
router.get('/:id?', function(req, res, next) {
if (req.params.id) {
User.getUserById(req.params.id, function(err, rows) {
if (err) {
res.json(err);
} else {
res.json(rows);
}
});
} else {
User.getAllUsers(function(err, rows) {
if (err) {
res.json(err);
} else {
res.json(rows);
}
});
}
});
router.post('/', function(req, res, next) {
User.addUser(req.body, function(err, count) {
if (err) {
res.json(err);
} else {
res.json(req.body); //or return count for 1 & 0
}
});
});
router.delete('/:id', function(req, res, next) {
User.deleteUser(req.params.id, function(err, count) {
if (err) {
res.json(err);
} else {
res.json(count);
}
});
});
router.put('/:id', function(req, res, next) {
User.updateUser(req.params.id, req.body, function(err, rows) {
if (err) {
res.json(err);
} else {
res.json(rows);
}
});
});
module.exports = router;
应用程序.js
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var app = express();
var cors=require('cors');
var Users=require('./routes/users');
app.use(cors());
app.use('/users',usersRouter);
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', indexRouter);
app.use('/users', usersRouter);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
res.status(err.status || 500);
res.render('error');
});
module.exports = app;
我正在使用 Postman 来测试 api,并且我正在通过正文发送带有表单数据和原始 json 的数据。正如我之前所说,这是我第一次构建 API,因此很可能是一个简单的疏忽。提前感谢您的帮助。
最佳答案
您的问题是当您将 req.body
传递给 User.createUser
时,它是未定义的。反过来,您在 createUser
中的 User
参数也是未定义的,因此每当您尝试访问 User
中的 id
时code> 参数,你会得到错误 Cannot read property 'id' of undefined
因为你不能访问未定义值的对象属性。
要解决此问题,请将其添加到您的应用配置中:
var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json())
此外,为了避免类型冲突,我建议将所有 User
参数全部小写 (user
)。
一旦您将参数从 User
更改为 user
并添加上面的应用配置,您的应用应该可以正常工作。
编辑:通过将所有User
参数设为小写,我指的只是函数参数。这是一个例子:
addUser: function(User, callback) {
return db.query("Insert into users values(?,?,?)", [User.id, User.username, User.avatar], callback);
}
对此:
addUser: function(user, callback) {
return db.query("Insert into users values(?,?,?)", [user.id, user.username, user.avatar], callback);
}
关于javascript - 发布到本地 API 时无法读取未定义的属性 'id',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51014876/
你能比较一下属性吗 我想禁用文本框“txtName”。有两种方式 使用javascript,txtName.disabled = true 使用 ASP.NET, 哪种方法更好,为什么? 最佳答案 我
Count 属性 返回一个集合或 Dictionary 对象包含的项目数。只读。 object.Count object 可以是“应用于”列表中列出的任何集合或对
CompareMode 属性 设置并返回在 Dictionary 对象中比较字符串关键字的比较模式。 object.CompareMode[ = compare] 参数
Column 属性 只读属性,返回 TextStream 文件中当前字符位置的列号。 object.Column object 通常是 TextStream 对象的名称。
AvailableSpace 属性 返回指定的驱动器或网络共享对于用户的可用空间大小。 object.AvailableSpace object 应为 Drive 
Attributes 属性 设置或返回文件或文件夹的属性。可读写或只读(与属性有关)。 object.Attributes [= newattributes] 参数 object
AtEndOfStream 属性 如果文件指针位于 TextStream 文件末,则返回 True;否则如果不为只读则返回 False。 object.A
AtEndOfLine 属性 TextStream 文件中,如果文件指针指向行末标记,就返回 True;否则如果不是只读则返回 False。 object.AtEn
RootFolder 属性 返回一个 Folder 对象,表示指定驱动器的根文件夹。只读。 object.RootFolder object 应为 Dr
Path 属性 返回指定文件、文件夹或驱动器的路径。 object.Path object 应为 File、Folder 或 Drive 对象的名称。 说明 对于驱动器,路径不包含根目录。
ParentFolder 属性 返回指定文件或文件夹的父文件夹。只读。 object.ParentFolder object 应为 File 或 Folder 对象的名称。 说明 以下代码
Name 属性 设置或返回指定的文件或文件夹的名称。可读写。 object.Name [= newname] 参数 object 必选项。应为 File 或&
Line 属性 只读属性,返回 TextStream 文件中的当前行号。 object.Line object 通常是 TextStream 对象的名称。 说明 文件刚
Key 属性 在 Dictionary 对象中设置 key。 object.Key(key) = newkey 参数 object 必选项。通常是 Dictionary 
Item 属性 设置或返回 Dictionary 对象中指定的 key 对应的 item,或返回集合中基于指定的 key 的&
IsRootFolder 属性 如果指定的文件夹是根文件夹,返回 True;否则返回 False。 object.IsRootFolder object 应为&n
IsReady 属性 如果指定的驱动器就绪,返回 True;否则返回 False。 object.IsReady object 应为 Drive&nbs
FreeSpace 属性 返回指定的驱动器或网络共享对于用户的可用空间大小。只读。 object.FreeSpace object 应为 Drive 对象的名称。
FileSystem 属性 返回指定的驱动器使用的文件系统的类型。 object.FileSystem object 应为 Drive 对象的名称。 说明 可
Files 属性 返回由指定文件夹中所有 File 对象(包括隐藏文件和系统文件)组成的 Files 集合。 object.Files object&n
我是一名优秀的程序员,十分优秀!