Question

我试图异步加载内容，但我的代码不能正常工作，我无法弄明白。

更新：

如果我这样做怎么办？

<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>

但内容不会加载。

我开始使用jsfiddle，但也无法在那里工作。

http://jsfiddle.net/n8g17x9y/1/

Answer 1

您的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>

Answer 2

在你的jsfiddle中，你使用load来添加静态内容，这就是为什么它不起作用。

请检查此http://jsfiddle.net/patelbharat001/zojqwwu4/1/代码。

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

  });
});

但我认为，你在ajax调用中遇到问题，所以对于这个引用这个url w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_load2你的* .php的路径可能没有正确生成。或尝试ajax电话：http://www.w3schools.com/jquery/ajax_ajax.asp

基本的AJAX，无法加载内容

2 个答案: