jQuery非同期通信でテキストファイルを読み込むと文字化けする
とある案件で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スマフォでも同様に文字化けしてました。うーん・・・文字化けは解消はしましたが、なぜ起きるのか詳しく調べてみたいです。




