ローカルで jQuery の Ajax を動作させたいが IE11 で動かない時にこうする

ローカルに置いてある HTML ファイルから jQuery を使って、load とか get とか getJSON とかしたかったのだけど、どうもローカルファイルからだと XMLHttpRequest が使えないらしく、動作しなかった。

• 参考 : 【解説付き】chromeでXMLHttpRequestをローカルのファイルで行う方法 - Qiita

調べてみたところ、IE10 エミュレートで動かすと上手くいったが、Edge で動かしたいよねぇ…。

• IE・Chrome・Aptana−IE11/ChromeはローカルでjQueryのload()が動作しない。のでAptanaのRUNコマンドを使う - ゆちの備忘録

<!-- IE10 エミュレートさせる -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">

んで、調べてみたら、Edge モードでも動作させられる解決方法があった。

• Local AJAX calls with IE11 - Purple Squirrels

以下のコードを jQuery の後に読み込ませておいておけば、ローカルの HTML ファイルから jQuery で Ajax 操作ができた。

$.ajaxSetup({
  xhr: function() {
    if("ActiveXObject" in window) {
      return new ActiveXObject("Microsoft.XMLHTTP");
    }
    else {
      return new XMLHttpRequest();
    }
  }
});

• 参考 : (IE11Preview)cannot read local files with ajax method of JQuery