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