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スマフォでも同様に文字化けしてました。うーん・・・文字化けは解消はしましたが、なぜ起きるのか詳しく調べてみたいです。