勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

異なる文字コード間でform送信する

      2014/05/23

formの送り手がUTF-8で受け手がEUC-JP、
なんとかしてjavascriptjQueryエンコードして
送りたいけどこれどうすんの? となったのでメモ。

■参考サイト
http://www.webbibo.com/blog/htmlcss/accept-charset.html
http://wiki.mesolabo.com/?%E3%83%A1%E3%82%BD%E7%9F%A5%E6%81%B5%2FHTML%2F%E9%81%95%E3%81%86%E6%96%87%E5%AD%97%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A7POST%E3%81%99%E3%82%8B

■ソース
<html>
<head>
<script>
function validate () { //※1
buff = document.charset;
document.charset = 'EUC-JP';
document.form_name.submit();
document.charset = buff;
}
function search_back(){ //※2
var isMSIE = /*@cc_on!@*/false;    //IE判別
if (isMSIE) {
if(document.charset != "utf-8"){ //文字コードが変換されているかチェック
document.charset = "utf-8"; //変換されていたら指定の文字コードに戻す
location.reload();
}
}
}
</script>
</head>
<body onLoad="return search_back();">
<form method="POST" action="./index.php" accept-charset="EUC-JP" name="form_name"><!--※3-->
<input type="text" name="abc">
<input type="button" value="submit" onClick="return validate();">
</form>
</body>
</html>

■その他
※1でbuffに現在の文字コードを入れて、文字コードEUC-JPを設定し
フォーム内容をサブミットする。その後、元の文字コードに戻す。

※2でフォーム送信後、ブラウザの戻る対策として
IEの場合は文字コードUTF-8に戻っていない場合は
戻した上でページリロード。

※3はフォームの送信時に文字コードセット。
ただ、対応ブラウザが少ないとのこと。

あと、/*@cc_on!@*/って何なの? と思って調べると、
JScriptを使えるブラウザだけ使うらしい。よく分からない。

http://blog.clouder.jp/archives/001005.html

 - JavaScript

  関連記事

lightboxでCSPエラーが発生

CSP(コンテンツセキュリティポリシー)設定を行っているサーバーでLightbo ...

highcharts.jsで棒グラフと折れ線グラフを1つのグラフに入れる

やりたかった事は、 ・棒グラフと折れ線グラフを入れたい ・Y軸はそれぞれ違う値に ...

テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...

chardin.jsを利用して注釈を入れる

簡易マニュアルとかでむっちゃ使えそう。 ■chardin.js http://h ...

javascriptでゼロパティング

月日をゼロパディングしたかったけど PHPとは違い、そういった関数は無かったので ...

JavaScriptで連想配列を数値でソート

数字の大きい順でソートしたかったんだけど、 色々調べてhash.sort云々やっ ...

table内のiframeのheightを最大高さにする

tableのtdの中にリンクがあり、クリックすると td内でiframeが開く。 ...

javascriptで論理和演算子の特殊な使い方

論理和「||」の特殊な使い方を教わったのでメモ。 普段使うのは、 if (a = ...

jQueryで偶数or奇数行にclassを付与

やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...

JavaScriptでUNIXタイムスタンプ取得

UNIXタイムスタンプを用いた際、 年月日からすぐUNIXタイムスタンプを出した ...