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

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

関連記事

[備忘録]Dropbox:複数のアカウントを切り替える

1台のPCで複数アカウントを切り替えて使う方法 仕事でDropboxを使うことも増えてきて、例えば取引先ごとに複数のDropboxアカウントを持つこともある。 そんな時、1台のパソコンでで複数アカウン …

[備忘録]Zoom等のWeb会議中「trial version」の音声が繰り返される。。

スマホをWebカメラにするツール「iVcam」が原因だった! Zoomでオンラインミーティング中、ある日突然「trial version」という、ナゾの女性の声が断続的に繰り返すようになった。。 最初 …

[Firefox]アドオン:ページタイトルを一発コピー「Make link」

ブラウザのページタイトルをコピペしたいときに 仕事でいろんなサイトを閲覧し情報収集したりしているとき、URLと一緒にページタイトルもメモしておきたいことがある。 そんなとき、いちいち手入力するのは ナ …

[備忘録]Excel:簡単に絶対参照($)する方法

知っておくと便利な「絶対参照」 Excelで、他のセルを参照する時(例えば「=A1」)、これを単純にコピーするだけだと自動的に相対的にズレた値として参照される。 これはコレで とても便利なのだが、、時 …

[備忘録]Word2007:マウスが効かない

再インストールしても直らない!(>_<) ある日、社内の1台のパソコンでの出来事、、 Microsoft Word 2007 で、マウスが効かない、その他不具合が発生。。 事象 ・Word …