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（）函数

回答

相关问题