Вед-дев, Сео, Манимейкинг

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

При нажатии на ссылку подгружается контент из другой страницы при помощи 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>


Комментарии (4)

Здравствуйте!
Спасибо, за статьи, очень полезно.
Не подскажите, как можно подгрузить свой div в Lightbox2?

В D7 есть модуль colorbox и в нем есть возможность отображения какого-либо дива во фрейме.

Спасибо! Как всегда оперативно и то, что надо. Получилось, как хотелось))

Ошибка в расположение трех последних ")", так должно быть:
$(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); }
});
});
});

Разделы

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • andryha v rot mne uho 1 месяц 2 дня назад
    Ошибка в расположение трех последних ")", так должно быть: 
  • Olzhas 1 год 3 месяца назад
    Спасибо. С Новым Годом! 
  • Den 1 год 4 месяца назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 1 год 4 месяца назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 1 год 5 месяцев назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 1 год 5 месяцев назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 1 год 5 месяцев назад
    захожу на mysql через ssh по команде  
  • admin 1 год 5 месяцев назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 1 год 5 месяцев назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 1 год 6 месяцев назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника?