Jquery 基本AJAX，无法加载内容

我正在尝试异步加载内容，但我的代码不起作用，我无法理解

更新：

如果我这样做呢

<ul>
  <li>
    <a id="nav-bio" href="#">LINK</a>
  </li>
</ul>

<div="content"></div>


<script>
    $(document).ready(function(e) {
      e.preventDefault();
      $('#nav-bio').click(function() {
        $('#content').load('/content/biography.php #content');
      });
    });
</script>

但是内容没有加载

我启动了一个JSFIDLE，但也无法在那里运行

---

您的HTML代码应该是：

    <ul>
    <li>
      <a href="#">LINK</a>
    </li>
    </ul>

<div id="content"></div> <!-- id was missing -->

JS代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
  $('a').click(function(e)
  {
     e.preventDefault(); // To stop default anchor click execution
     $('#content').load('/content/biography.php #content');
   });

});
</script>

---

在JSFIDLE中，您使用load添加静态内容，这就是它不起作用的原因

检查此代码

$(document).ready(function ()
{
  $('a').click(function ()
  {
     $('#result').append('<p>hi</p>'); // for data append
     $('#result1').html('<p>test</p>'); // for data override

  });
});

---

但我认为，您在ajax调用中遇到了问题，因此参考此url可能会发现您的*.php路径生成不正确。或者尝试ajax调用：

您的控制台中是否有错误浏览器控制台中没有错误您正在JSFIDLE中使用load，这就是为什么它在JSFIDLE中不起作用。将其更改为append，它就会工作。从.php页面检查您的响应。这是完美的回报吗？是的，明白了！不是100%了解如何做到这一点…我一定是在这里打错了，我的实时代码是正确的。你们能分享实时演示吗？