-
글쓴이글
-
2021년 7월 5일 23:16 #11237
효기참가자폼에 입력한 데이터를 서버에 전송하는 법 (POST요청)
이수업에서 bodyparser를 따라했는데 오류가 뜨네요
TypeError: Cannot read property 'title' of undefined
오류내용은 위와 같고
title분명썼는데 왜그러는지...;;
제코드도 같이 작성할게요
-wirte.html-
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>CCIT</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link" href="#">Write</a>
<a class="nav-link" href="#">Pricing</a>
</div>
</div>
</div>
</nav><h4 class="container mt-4"><strong>글 작성페이지</strong></h4>
<div class="container mt-3">
<form action="add" method="POST">
<div class="form-group">
<label>오늘의 할일</label>
<input type="text" class="form-control" name="title">
</div>
<div class="form-group">
<label>날짜</label>
<input type="text" class="form-control" name="date">
</div>
<button type="submit" class="btn btn-outline-secondary">Submit</button>
</form>
</div><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>-server.js-
const express = require('express');
const app = express();
app.use(express.urlencoded({extended: true})) ;app.listen(8080, function() {
console.log('listening on 8080')
});app.get('/', function(req, res) {
res.sendFile(__dirname +'/index.html')
});app.get('/write', function(req, res) {
res.sendFile(__dirname +'/write.html')
});app.post('/add', function(req, res){
console.log(res.body.title);
res.send('전송완료')
});혹시 제가 무엇을 잘못했나요
-
글쓴이글
- 답변은 로그인 후 가능합니다.