基本AJAX，无法加载内容

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

在你的jsfiddle您使用负载添加静态内容，这就是为什么它不工作。

检查此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调用，所以引用这个网址w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_load2可能你对*不产生.PHP正确的路径。或尝试阿贾克斯调用：http://www.w3schools.com/jquery/ajax_ajax.asp

Answer 2

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