前提・実現したいこと
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と比べるなどしてみたのですがどれもうまくいかず詰まってしまっています。
どのように改善すれば求める結果が得られるのか教えていただけると嬉しく思います。よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/20 08:14