jquery ajax load() function

Question

Я не знаю, почему функция загрузки jquery ajax не отвечает. Когда я нажимаю ссылку, которая вынуждает 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

Оказывается, я использую jQuery AJAX неправильно. Я не запускал код на сервере, поэтому, когда я нажал ссылку для запуска функции jQuery load(), xml-запрос HTTP не прошел. Ошибка новичков.

Я запустил код на сервере и исправил проблему с файловым адресом. Он работает сейчас!

Спасибо за помощь всем!

Answer 2

Если вы внимательно посмотрите на документацию по методу .load, вы заметите, что его второй параметр является функцией трех параметров, которая вызывается всегда, когда запрос был «завершен», что еще не означает, что он был успешным. См. Примеры внизу this page, чтобы узнать, как получить информацию об ошибке из объекта запроса.