Internet Explorer なんか使わなきゃいいのに

今日、お客さんにテストしてもらってた CGI で、お客さんから何度も「DB 登録時にシステムエラーが出る」と連絡が来た。

しかし、うちでは何度やっても再現出来ないので、「何か変な使い方してるんじゃねえだろうなあ？」とお客さんを疑い始めたところでハッと気づいた。

Internet Explorer でのみ発生する「Form の二重送信じゃねえの？」と。

で、ソースを見てみたら案の定だ。

今回は、（他人が作った）既存の CGI を改修して新しいサービス用のシステムを作ってるわけで、まあ、特に問題なければ元のソースの内容をなるべく残してるんだけど、Form の Submit のところで、

<input type="submit" name="ADD" value="更　新" onClick="javascrpt:Submit('ADD')">

なんてやってる。

で、JavaScript の方で、

function Submit(ps) {
document.form.action.value = ps;
document.form.submit();
}

みたいにして、action という Form 項目に 'ADD' という文字をセットしてから送信処理を行なっているようだ。

これじゃあ、まず type="submit" のボタンを押すことで送信が行われ、更にその時に実行される JavaScript 側でも送信が行われる。つまり二重送信だ。

結果、DB に登録する時に duplicate error が発生してるんだな。

なんでこんなことしてるんやろ？俺が作ったプログラムじゃないから全然わからんわ(^^;

取り敢えず、

<input type="hidden" name="action" value="ADD">
<input type="submit" name="ADD" value="更　新">

にしてみたのだが（元々、<input type="hidden" name="action" value="ADD"> は書かれていた）、これで問題なく動いているようである。今のところ、エラーは発生していない。

ちなみに、こういう現象が発生するのは Internet Explorer だけである。

Form 送信は HTTP のプロトコル的にも（リクエストと一緒だからな）一度だけ行われるもので、他のブラウザ（Firefox や Chrome、Safari など）は二重送信が行われないように、二度目の送信処理は裏でキャンセルするようになっている。

だから、Firefox と Chrome でテストやってた俺んとこじゃ再現出来なかったんだな(^^;

重ねて言うが、二重送信しちゃうのは Internet Explorer だけなのである。

で、ここで、Microsoft 信者は「IE が悪いんじゃない！そういう HTML の書き方がまずいんじゃないか！！」とか言うだろうけど、「Form の二重送信なんかあり得ないんだから、素直に駄目にしておけばいいだけ」なんだよ。

Microsoft には HTTP プロトコルに詳しいヤツがいないんじゃねえかって思うよ、実際。

今日、東京ポッド許可局の10/22のポッドキャスティングを聞いていたら「東京ポッド許可局のサイトは、Internet Explorer については動作保証外にします。Firefox や Safari で見てください」って言うてて笑った。

そう。実はとっくの昔に「Internet Explorer じゃなくたって良い」世の中になってたのである。

つーか、やっぱ、Internet Explorer だけ、変な独自仕様を詰め込んじゃって、インターネット界では特殊な存在になってしまってるんだよね。

まったく、Internet Explorer のおかげで、どれだけ無駄な時間を過ごしたことか・・・

今時 Internet Explorer に固執するのは、変化を望まないＸＸ企業と、「このパソコンにインターネットはついてますか？」的発言をする馬鹿ユーザーくらいしかいねえよ。

さあ、皆、Internet Explorer を捨てて、素敵な未来へ！（笑）

コメント(0)