JavaScript++かも日記

【Ajax】responseされる文字コードの調査

【Ajax , DOM , JavaScript , XML 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

予想通り、ブラウザバージョンごとの違いが結構あるので、
とりあえず、対策うんぬんを考える前に
問題点を洗い出して確定しておこうと思います。

まず、responseTextで受け取るファイルの文字コードによる、
ブラウザバージョンごとの振る舞いの違いです。

文字コード関連調査 [ responseText ]
http://jsgt.org/ajax/ref/charset_test/responsetext/test_1_make_table.php

XMLHttpRequestオブジェクトという名前が示すとおりなら、
utf-8やutf-16で書けば問題ないはずですが、やはり違います。

たとえば、
WinのIE6はUTF-8 、UTF-16ともに成功しますが、
MozillaやFirefoxは、Win、Mac、Linuxともに UTF-8 以外は文字化けします。
ところが、
Mac Safari1.2と
Win Opera8.0 では逆に、UTF-16以外が文字化けします。

しかも、SafariはBOM付でないUTF-16 BEやUTF-16 LEは失敗します。

と、まあ、日本人には、こんな現実がとりあえずありますので(^^;
心してかかる必要があります。

実は、responseXMLもresponseTextと異なるようなので(^^;
それも、これから調査します。

できました。
文字コード関連調査 [ responseXML ]
http://jsgt.org/ajax/ref/charset_test/responsexml/test_1_make_table.php

そこで、UTF-8でURIエンコードした文字列をサーバーへ置いておけば解決しますが
サーバー側でスクリプトを使えるなら、、、

PHPとJavaScriptのURIエンコードを比較
http://jsgt.org/ajax/ref/charset_test/responsetext/php/urlencode.php

2005.4.24
とりあえずの、

1: responseXML

【中締め的結論050424】

responseXMLに関しては、UTF-8が安全です。XMLHttpRequestオブジェクトが存在して、かつ、UTF-8がだめなブラウザはLinuxのKonquerorのみという状態です。

FYI :
* XML宣言は省略してもOKですが、encoding属性だけを省略するとアウトです。
必ず、<?xml version="1.0" encoding="UTF-8"?>までしっかり書く必要があります。
* Konqueror/3.3　はすべての文字コードで失敗していますが、実はUTF-16とUTF-16 LE BOM では文字化けしていません。ただ、行末にあった半角空白が除去されて返って来たためマッチしませんでした。
* Konqueror/3.3　はsend(null)という書き方がエラーになりました。

UTF-8がOK

linux

Win

Mac

UTF-8がNG

linux

Win

Mac

そもそもresponseXMLを受け取れない

linux

Win

Mac

その他

【中締め的対策050424】
Konquerorについて、とりあえず考えられそうな対策

case(Konqueror)
{

• サーバー側で動的にUTF-16 LE BOM を吐き出す
  　　　　(末尾空白除去はあきらめる)


• ブラウザ側で静的なUTF-16 LE BOM ファイルを取りに行く
  　　　　(末尾空白除去はあきらめる)


• ブラウザ側でresponseText を使ってUTF-16 LE BOM ファイルを取りに行く


• ブラウザ側でutf-8をutf-16へ書き換える
  　　　　(参考:utf.js (UTF-8 <-> UTF16 変換) ライブラリ)


• Konquerorが対応するまで無視する

2: responseText

【中締め的結論050428】

responseTextに関しては、UTF-8は、最もユーザーの多いWin IEやMozilla/Firefoxで使えますので、おおむね安全といえますが、Opera8やLinuxのKonqueror、MacのSafariは文字化けします。3ブラウザともBOM付のUTF-16ならOKです。

FYI :
* Konqueror/3.3　はsend(null)という書き方がエラーになりました。

UTF-8がOK

linux

Win

Mac

UTF-8がNG

linux

Win

Mac

そもそもresponseXMLを受け取れない

linux

Win

Mac

その他

【中締め的対策050428】
Konqueror、Safari、Opera8について、とりあえず考えられそうな対策

case(Konqueror||Safari||Opera8)
{

• サーバー側で動的にUTF-16 BOM を吐き出す


• ブラウザ側で静的なUTF-16 BOM ファイルを取りに行く


• ブラウザ側でresponseXML を使ってUTF-8 にそろえる
  　　　　(ただしKonqueror以外)


• ブラウザ側でutf-8をutf-16へ書き換える
  　　　　(参考:utf.js (UTF-8 <-> UTF16 変換) ライブラリ)


• Konqueror、Safari、Opera8がUTF-8対応するまで無視する

*とはいえ、もし、日本語を使うなら、responseXML を使う方が安全といえるでしょう。

【追記2006.8】
AjaxでShift_JISやEUC-JPは使えるのか？-1- responseText編
(XHR/responseTextで読み込むファイルのcharset別 動作ブラウザ)
http://jsgt.org/ajax/ref/charset_test/responsetext/seu8/sample.htm
AjaxでShift_JISやEUC-JPは使えるのか？-2- responseXML編
http://jsgt.org/ajax/ref/charset_test/responsetext/seu8xml/sample.htm

---

---

【コメント】(←clickで入力欄open)