リロードせずにPOST送信したい

Question

ライブ配信や、ニコニコ動画みたいなコメントがどんどん流れる機能を付けたいのですが、
POSTで受取り、データベースにインサートしてからセレクトで読み込んでます。＊動きはできているのでコードは省略しました、、
これを、ページをリロードせず表示させたいです。。。

submit ではクリックした時点でページ遷移を伴いデータの送信が実行されてしまうのを知って
<button type="button">送信</button>にしてみましたが動きません。
参考サイトのコードも書いてみたのですが、うまくできません。。
参考サイト→　https://analogstd.com/pc/javascript/method-post-with-xhr/

データベースを使っていると難しいのですか、、？？

<form action="" method="post" name="form">
<p>名前</p>
 <input type="text" name="name">
 <p>内容</p>
  <textarea type="text" name="text"></textarea>
<input type = "submit"  value ="送信">
</form>

Answer 1

type="button"は何もしないただのボタンなので、なにかさせたいのならJavascriptでイベント付与してあげる必要があります。

やりたいことは「非同期通信」だと思います。
「Ajax」などで調べると良いです。

平たく言うと、Javascriptからサーバーサイドにリクエストを送信し、バックグラウンドで処理を行わせ、返ってきたレスポンスをそのまま受け取ります。

Comments

[ayuayuayu]

ありがとうございます。

[m.ts10806]

どのように解決とされたのでしょうか。お礼よりフィードバックを。

Answer 2

• XHR/fetchで処理するか
• iframe/objectで処理するか