外部html呼び出し時の備忘録 #jQuery

備忘録

外部html呼び出し時にIEだと表示されるのにFirefoxだと表示されない現象の備忘録

原因

$.get()を使う時にdataTypeを指定してなかった

hoge.html

<html>
    <head>
        <script type="text/javascript" charset="utf-8" src="../js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/jquery.tmpl.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/hoge.js"></script>
    </head>
    <body>
        <div id="main"></div>
    </body>
</html>

hogehoge.html

    <p>${dispName}</p>

↓dataType未指定

hoge.js

$(function () {
    $.get(
        'hogehoge.html',
        null,
        function (data) {
            $.tmpl(data, { dispName: "テスト画面" }).appendTo("#main");
        }
    );
});

↓dataTypeにhtmlを指定

hoge.js

$(function () {
    $.get(
        'hogehoge.html',
        null,
        function (data) {
            $.tmpl(data, { dispName: "テスト画面" }).appendTo("#main");
        },
        "html"
    );
});

なんでIEは表示されるんですかねぇ┐(´∀｀)┌