javascript - jquery ajax load()関数

Question

jquery ajax load 関数が応答しない理由がわかりません。div に .txt ファイルのコンテンツを強制的にロードさせるリンクをクリックしても、ロード関数が正常に実行されたことを示す警告ウィンドウが表示される以外は何も起こりません。コードは次のとおりです。

mainTemplate.html

<div class="contentWrapper">
        <table>
            <thead>
                <tr>
                    <th>
                        Location
                    </th>
                    <th>
                        Account
                    </th>
                    <th>
                        Industry
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr id="Row1">
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                </tr>
                <tr id="Row2">
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                </tr>
                <tr id="Row3">
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                </tr>
                <tr id="Row4">
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                    <td>
                        foo
                    </td>
                </tr>
            </tbody>
        </table>
        <!-- <button>Click Me</button> -->
</div>

jQuery ファイル:

$(document).ready(function () {

$("[id^=Row]").click(
    function () {
    $(".contentWrapper").load('foo.txt', function () { alert("Load was performed successfully")});
    }
);
});

foo.txt:

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

ここでイライラします。ブラウザとして Google Chrome を使用しています。

Answer 1

.load メソッドのドキュメントをよく見ると、その 2 番目のパラメーターが 3 つのパラメーターの関数であることがわかります。これは、要求が「完了」したときに常に呼び出されますが、まだ成功したことを意味していません。リクエスト オブジェクトからエラー情報を取得する方法については、このページの下部にある例を参照してください。