Базовый 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 не генерируется собственно. или попробуйте ввести ajax: 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>