CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

備忘録

[備忘録]ブラウザに表示されるURLを書き換える方法

投稿日:

メールフォームの重複送信対策

メールフォームの完了メールが重複して何度も送られてくる問題についてはブログ(*1)に書いた。
 (*1) [備忘録]メールフォーム:完了メールが何度も送信される問題。。
 
ここでは、その対策としてリロードされても良いように、差し支えない(メール送信スクリプトのない)URLに書き換える方法を。
 

javaScript の「history.pushState()」メソッドで書き換える

history.pushState()メソッドは、「ブラウザのセッション履歴を制御するメソッド、、とのことだが、簡単に言うと(ここでの使い方は)「ブラウザのURLを書き換える」ことができる。

これを使って、当たり障りのない(メール送信スクリプトのない)URLに書き換えてやれば良い。
下記例は「complete.html」というテキスト表示のみのHTMLファイルに書き換え。

history.pushState({}, ”, ‘complete.html’);

これでフォームを送信すると、表示内容はそのままにブラウザに表示されるURLだけが
https://xxxxxxx/complete.html に書き換わる。

なので、この状態でリロードすると、当たり障りない complete.htmlの表示に切り替わる。(もちろん完了メールの再送もない!)
 
 

-備忘録


  1. […] ロードされても良いように、差し支えないURLに書き換える。   → 今回、この方法で対策しました。    具体的な対策方法 > [備忘録]ブラウザに表示されるURLを書き換える方法     […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[備忘録]PCのキーボードがロックされた時の対処

突然キーボード入力ができなくなった いつものようにパソコンでメールを書いていたら、、 途中で突然なにも入力できなくなった。。 キーボードをいくらたたいても 入力を受け付けていないようだ。(涙) キーボ …

[備忘録]Webサイト:httpでアクセスしたときにhttpsに自動切り替えする方法

「.htaccess」で制御する 以前、過去ブログで「[備忘録]wwwあり・wwwなしを統一する方法」について書いたが、今度は「http」→「https」に自動切り替えする方法を。 常時SSL化が主流 …

[備忘録]Chromeリモートデスクトップ:使用中に突然切れた。。

2名がそれぞれ ほぼ同時に切れた テレワークの遠隔接続ツールとして日々使っているChromeリモートデスクトップ、今日も2名のスタッフが自宅からそれぞれリモート接続して業務を行っていたのだが、、 ほぼ …

[備忘録]Excel&PowerPoint:今日の日付を自動的にセットする方法

現在日時を自動で設定する(Office2007) ExcelやPowerPointで、例えば郵便物の送付状や、請求書などを作成する際、必ずと言っていいほど「今日の日付」を記載する。 そんなとき、自動的 …

[備忘録]ブラウザキャッシュさせない方法

頻繁に更新するファイルはキャッシュしたくない。。 ブラウザにキャッシュさせない方法はいくつかある。 ■metaタグに追記する 参考: https://techacademy.jp/magazine/3 …