jQuery非同期通信でテキストファイルを読み込むと文字化けする
2014年06月27日
とある案件でjQueryでテキストファイルを読み込むと、ChromeやSafariブラウザで文字化けしてしまいました。
jQuery(document).ready(function(){ jQuery.ajax({ url: "load.txt", success: function(txt){ $("#test").html(txt); } }); });
事務所にある開発用サーバーでは発生しておらず、レンタルサーバー等、何社かのサーバーに設置しても正常に表示されるので、Apacheの設定なのだろうと思い、.htaccessへ以下のように書いて対応しました。
AddDefaultCharset UTF-8
ChromeやSafariって事はwibkit系なんで、手持ちのAndroidスマフォでも同様に文字化けしてました。うーん・・・文字化けは解消はしましたが、なぜ起きるのか詳しく調べてみたいです。