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

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

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

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Node.js

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

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

JavaScript

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

受付中

javascriptからnode.jsにpostする

退会済みユーザー

退会済みユーザー

総合スコア0

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Node.js

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

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

JavaScript

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

1回答

-3評価

0クリップ

376閲覧

投稿2022/06/23 05:12

編集2022/06/23 18:11

html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="/restest" method="post"> <input value="送信" type="submit"> <input style="display:none;" name="testname" value="testtesttest"> </form> </body> </html>

今までは上のようにユーザーにボタンを押してもらって
ポストしてもらっていたのですが、

html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="/restest" method="post"> <input value="送信" type="submit"> <input style="display:none;" name="testname" value="testtesttest"> </form> <script> const correct=1; if(correct==1){ setTimeout(function(){ location="/restest"//ここでrestestにpostしたい },2500); } </script> </body> </html>

これから作るサービスでは上のように何らかの処理をした際、
自動的にサーバーにpostするといった内容にしたいのです。
このようなサービスをjavascriptだけで実装することは可能でしょうか。

またjavascriptで実装できるとしたら、どのように記述したらよろしいでしょうか。
初心者質問ではありますが、お答えしていただければ幸いです。


追記 :
この質問に誤解を招く様な内容があったので訂正します。

この質問はgoogleやteratail、Qiitaなどで3、40分ほど入念に調べて、
答えが出なかったため、質問しました。
ですのでできればこの質問に対する回答をご教授していただければ幸いです。

誤解を招く様に記述してしまいまして、大変申し訳ございませんでした。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

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

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

SurferOnWww

2022/06/23 05:36

Javascript の fetch とか jQuery ajax を使って実装してみましょう。それらをキーワードにググって調べるなどすれば参考になる記事は多々見つかります。自分で調べて、自分で実装して、その上でどうしても解決できないところを質問するようにしましょう。今の質問では丸投げです。
退会済みユーザー

退会済みユーザー

2022/06/23 05:45

自分でも結構調べたと自負しているのですが、 node.jsでのrequestやinputからの送信方法しか出てこなかったので質問しました。 丸投げ質問と解釈されてしまったのであればすみません.. 自分の書き方が悪かったです。
miyabi-sun

2022/06/23 06:12

> javascriptからnode.jsにpostする 「Node.js」にPOSTするという情報はノイズです。 Node.jsの部分を機械的に「Webサーバ」という文字列に置き換えれば、質問文としてぐっと良くなるかと思います。 理由を述べていきます Node.jsはWebサーバとして稼働する。 つまり、HTTPリクエストが来たら、Node.js製のプログラムが稼働して、やっつけのHTML文字列を生成してHTTPレスポンスとして返す存在です。 そしてこれは別にNode.jsでなくても、PHP・Java・Ruby・Python……何でも構いません。 Chrome等のWebブラウザはそのHTML文字列を受け取り 画面上に描画すると共に、自前のJavaScript実行環境を展開 そしてDOMツリーの編集作業等を時前のJavaScriptにやらせる という役割なので、このNode.jsとJavaScriptは全く関係ありません。 以上のことからNode.jsという文字列は今回の質問に於いては単なるノイズとなります。
SurferOnWww

2022/06/23 06:38

> この質問はgoogleやteratail、Qiitaなどで3、40分ほど入念に調べて、 「JavaScript で要求を出す」ということに関して基本的な知識をお持ちでないようですが、それなのにたった 40 分調べて分かりませんでは世の中に通用しないと思いますよ。
退会済みユーザー

退会済みユーザー

2022/06/23 07:40

SurferOnWwwさん、どうもありがとうございました。 質問には世の中のことを聞いたわけでもなんでもないのに、無駄なことまで教えていただき、 どうもありがとうございました。 本当にありがとうございました。
SurferOnWww

2022/06/23 08:05

> 質問には世の中のことを聞いたわけでもなんでもないのに、無駄なことまで教えていただき、 いえいえ、JavaScript の話なら即答えを書いてくれる人が多いここ Teratail でも、質問の仕方によってはなかなか回答が出てこないということを学べただけでも無駄ではないと思いますよ。

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

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

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Node.js

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

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

JavaScript

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