Подгрузка контента в определенный <div> (При помощи Ajax)

Posted Thu, 10/20/2011 - 14:10

При нажатии на ссылку подгружается контент из другой страницы при помощи Ajax.

Вот HTML разметка:

<a id="get_content" href="#">press on me!</a>
<div id="content"></div>

Javascript код:

$(document).ready(function() {
$('#get_content').click(function() {
$.ajax({
  url: 'pages/page1.php',
  cache: false,
  beforeSend: function() { $('#content').html('Please wait...'); },
  success: function(html) { $('#content').html(html); }
)};
)};
)};

Если вам необходимо сделать более одной страницы, то проще написать функцию:

<script type="text/javascript">
    function loadContent(urlToload, container) {
        $.ajax({
            url: urlToload,
            cache: false,
            beforeSend: function() { $(container).html('Loading content, please wait...'); },
            success: function(html) { $(container).hide(); $(container).html(html); $(container).show('slow'); }
        });
    }
</script>