質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

解決済

formから入力した値が全てundefinedになる

sawadai
sawadai

総合スコア17

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

1回答

0リアクション

0クリップ

23884閲覧

投稿2020/04/08 06:26

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Node.js と MySQLを用いて、掲示板のようなものを勉強で作っています。
formに入力された値をデータベースに格納しm保存するということをしたいのですが、formから入力した値が全て
undefinedになり、正しくデータベースに格納できません。
どうすれば正しく値の受け渡しをすれば良いのか教えていただけないでしょうか?

発生している問題・エラーメッセージ

formに入力された値をデータベースに格納しm保存するということをしたいのですが、formから入力した値が全て
undefinedになり、正しくデータベースに格納できません。
どうすれば正しく値の受け渡しをすれば良いのか教えていただけないでしょうか?

該当のソースコード

board.ejs <title><%= title %></title> </head> <body> <div class="wrapper"> <p class="main-title"><%= title %> </p> <% if(messageList.length) { %> <div class="white-bg"> <ul class="main-list"> <% messageList.forEach(function(messageItem){%> <li class="main-list__item"> <div class="message"> <p class="message__title"><%= messageItem.message %></p> <p class="message__date"><%= messageItem.created_at %></p> </div> </li> <% }); %> </ul> </div> <% } %> <form action="/boards/<%= board.board_id %>" method="post" class="board-form" > <input type="text" name="message" class="input" required> <button type="submit" class="submit">投稿</button> </form> <a href="/" class="btn">トップへ戻る</a> </div>
boards.js var express = require('express'); var router = express.Router(); var moment = require('moment'); var connection = require('../mysqlConnection'); router.get('/:board_id', function(req, res, next) { var boardId = req.params.board_id; var getBoardQuery = 'SELECT * FROM boards WHERE board_id = ' + boardId; var getMessagesQuery = 'SELECT *, DATE_FORMAT(created_at, \'%Y年%m月%d日 %k時%i分%s秒\' )AS created_at FROM messages WHERE board_id = ' + boardId; connection.query(getBoardQuery, function(err, board){ connection.query(getMessagesQuery, function(err, messages){ res.render('board', { title: board[0].title, board: board[0], messageList: messages }); }); }); }); router.post('/:board_id', function(req, res, next){ var message = req.body.message; var boardId = req.params.board_id; var createdAt = moment().format('YYYY-MM-DD HH:mm:ss'); var query = 'INSERT INTO messages (message, board_id, created_at) VALUES ("'+ message +'",'+' "'+ boardId +'", '+'"'+ createdAt +'")'; connection.query(query, function(err, rows){ res.redirect('/boards/' + boardId); }); }); module.exports = router;

試したこと

データベースの格納の段階でミスしているのかと思い、console.logをしてデバッグを試みましたが、
どの段階でもundefinedになっていました。

補足情報(FW/ツールのバージョンなど)

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

sawadai

2020/04/08 07:41

ありがとうございます。無事動きました。 何かしらのミスで消してしまっていました。 ご回答ありがとうございます!!
sawadai

2020/04/08 07:41

ベストアンサーにさせてください!!

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。