Q&A
ejsの変数を裏でnode.jsに引き渡したいです。
まずやりたいこととしては、ユーザーがEXITボタンを押したとき、node.jsに変数numberをpostする。
という内容です。
htmlからnode.jsにpostできるのはinputやselect属性だけなのでしょうか...
また、変数をpostする用のタグがほかにもあるのでしょうか...
初心者質問ではございますが、回答していただけると幸いです。
ejs
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8</head> 9<body> 10 <form action="/postsql" method="post"> 11 <header> 12 <a> 13 <h2>EXIT</h2> 14 </a> 15 </header> 16 </form> 17 -- 省略 -- 18 <script> 19 let number=12345 20 </script> 21</body> 22</html>
回答1件
0
ベストアンサー
まず結論から言うと、実現できそうな手段は色々とあります。
- 不可視のformを設置しておいて、Exitボタンをクリックするとformをサブミットする
- JavaScriptを学習して、裏でFetch APIを使ってサーバーに追加のHTTPリクエストを送信する
現実的な手段は前者の「不可視のformを設置」するやり方です。
参考記事: フォーム > 内容を持つボタンを作る - TAG index
button要素にはform属性があり、
配下に入ってない別のフォームに対して働きかける事が可能です。
input要素でも可能なので<input type="submit" form="example">等とやれば同じ事が実現出来るでしょう。
button要素は少々CSSで完全に好みの仕上がり事が難しいのですが、
好きな要素で好きなフォームをサブミットしたければJavaScriptを覚えましょう。
【おまけ】HTMLの役割という点で少し解説
Exitをa要素の中に入れるのはやめておきましょう。
HTMLは文書(仕様書・手引書・レポート用紙)です。
マイクロソフトのWordで表現出来るものと同程度のタグ・要素が準備されています。
a要素はアンカー(関連)です。
レポート用紙上に書いてある「関連したレポート用紙はこれですよ」という意味になるわけですね。
以上のことからa要素でExitって書いた文字列を囲んで、
その用途が「WebサーバにPostする」はおかしいです。
まぁ、そのWordみたいな物でショッピングサイトやSNSを表現してるので今更過ぎる話ではあるんですけどね。
しかし、HTMLがレポート用紙なんだよって事を覚えておけば
実際の用途と使うタグをすり合わせる事がかなりスムーズに出来るようになります。
投稿2022/06/16 07:28
総合スコア21158
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2022/06/16 09:02