Подгрузка контента в определенный <div> (При помощи Ajax)
Дата публикации 26/09/13 - 13:44
При нажатии на ссылку подгружается контент из другой страницы при помощи Ajax.
Вот HTML разметка:
<a id="get_content" href="#">press on me!</a>
<div id="content"></div>
<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); }
)};
)};
)};
$('#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>
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>
- 18556 просмотров
Разделы
Подписаться
Комменты
-
Olzhas 10 месяцев 3 недели назадСпасибо. С Новым Годом! →
-
Den 11 месяцев 2 недели назадВ первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. →
-
Гость 11 месяцев 2 недели назадЕсли все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того →
-
Валерий 1 год 2 недели назадда можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер →
-
admin 1 год 2 недели назадВалерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт →
-
Валерий 1 год 2 недели назадзахожу на mysql через ssh по команде →
-
admin 1 год 2 недели назадДобрый вечер, какой у вас клиент? →
-
Валерий 1 год 2 недели назадЗдравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? →
-
Eduard 1 год 1 месяц назадВидать, домен хороший был. Заявление пробывали писать на мошенника? →
-
Stas 1 год 2 месяца назадОшибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям! →
Комментарии (3)
Здравствуйте!
Спасибо, за статьи, очень полезно.
Не подскажите, как можно подгрузить свой div в Lightbox2?
В D7 есть модуль colorbox и в нем есть возможность отображения какого-либо дива во фрейме.
Спасибо! Как всегда оперативно и то, что надо. Получилось, как хотелось))