jquery ajax load（）函數

我不知道爲什麼jquery ajax加載函數沒有響應。當我點擊應該強制div加載.txt文件內容的鏈接時，除了獲得指示加載函數成功運行的警告窗口之外，什麼也沒有發生。下面的代碼：jquery ajax load（）函數

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用作我的瀏覽器。

來源

2013-10-25 invincibleDino

您的HTML文件，腳本文件和'foo.txt'在同一個文件夾中嗎？ – Epsil0neR

請注意，您傳遞給加載的回調不是成功，而是完成，因此它會觸發天氣加載成功或失敗。 – Musa

是的，文件'foo.txt'與腳本文件在同一個文件夾中。 – invincibleDino

事實證明，我以錯誤的方式使用了jQuery AJAX。我沒有在服務器上運行代碼，所以當我點擊一個鏈接來運行jQuery load（）函數時，xml http請求沒有通過。菜鳥的錯誤。

我在服務器上運行代碼並修復了文件地址問題。它現在有效！

感謝大家的幫助！

來源

2013-10-28 19:07:05 invincibleDino

如果仔細看看.load方法文檔，您會注意到它的第二個參數是三個參數的函數，當請求是「完成」時它總是被調用，這還不意味着它是成功的。請參閱this page底部的示例，瞭解如何從請求對象獲取錯誤信息。

來源

2013-10-25 21:59:52

我已經修改了我的js文件，它返回一個值，指示是否發生錯誤。我不斷收到一個「404」錯誤，指出沒有找到文件「foo.txt」。 – invincibleDino

jquery ajax load（）函數

回答

相關問題