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