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

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

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

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

Node.js

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

HTML

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

Q&A

解決済

1回答

4236閲覧

Node.js + Expressでボタンの判別

t_tak

総合スコア6

MySQL

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

Node.js

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

HTML

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

0グッド

0クリップ

投稿2020/05/20 07:42

前提・実現したいこと

JavaScriptの練習として、Node.js + Express + MySQLでフォームの情報をMySQLのテーブルに挿入するというものを作っております。

フォームには入力用のラベルと3つのボタンがありラベルに入力された内容は共通のままで、nowという数値が入った変数だけは押したボタンによって異なるカラムにいれたいと思っております。

MySQLには、usersというテーブルに[id,name,free,test1,test2,test3]というカラムが存在します。

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

どのボタンを押してもtest3というカラムにしか情報が挿入されません。 試しにif文のelseをelse if(req.body.button3)とするとターミナルの出力結果にはUndefinedと表示され、どのボタンを押しても未定義というエラーが表示されてしまいます。

該当のソースコード

HTML

1<form action="/" method="POST"> 2 <label><span>名前</span><input type="text" name="input_name"></label> 3 <label><span>自由欄</span><input type="text" name="input_free"></label> 4 <div class="container"> 5 <button class="btn" id="test1" name="button1" type="submit">1</button> 6 <button class="btn" id="test2" name="button2" type="submit">2</button> 7 <button class="btn" id="test3" name="button3" type="submit">3</button> 8 </div> 9 </form> 10

javascript

1app.post("/", async (req, res) => { 2 const sql = "INSERT INTO users SET ?"; 3 const id_1 = await queryAsync("select max(id) from test"); 4 const id_2 = id_1[0]["max(id)"]; 5 const id = id_2 + 1; 6 7 if(req.body.button1){ 8 var results = await queryAsync(sql, { id: id, name: req.body.input_name, free: req.body.input_free, test1: now }) 9 } 10 else if(req.body.button2){ 11 var results = await queryAsync(sql, { id: id, name: req.body.input_name, free: req.body.input_free, test2: now }) 12 } 13 else{ 14 var results = await queryAsync(sql, { id: id, name: req.body.input_name, free: req.body.input_free, test3: now }) 15 } 16 17 res.render("/"); 18});

試したこと

色々と情報を探してはいるのですが中々出てこず、req.body.idの部分を変数にいれてボタンのValueと比べるなどしてみたのですがどれもうまくいかず詰まってしまっています。

どのように改善すれば求める結果が得られるのか教えていただけると嬉しく思います。よろしくお願い致します。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

buttonにvalue設定がないから空文字になって
if(req.body.button1)if(req.body.button2)でfalseになるからでは

投稿2020/05/20 08:08

rururu3

総合スコア5545

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

t_tak

2020/05/20 08:14

ご指摘の通り、ButtonにValueを設定してあげると各カラムへと反映されました。 If文でreq.body.buttonで判断しているときはvalueの中身を参照するということに気づけなかったため、大変助かりました。ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問