0

Здравствуйте. Такой вопрос: на странице отображается новость из бд news. Нужно, чтобы листинг производился без перезагрузки страницы. Думаю, основную мысль донес... Хотелось бы увидеть пример или какую документацию, относящуюся к теме. Заранее спасибо!

3 ответа 3

2

Я реализовывал разные виды подргузок в своих проектах, посмотрите - может что-то понравится, могу потом пояснить как и что работает. Вот примеры: zort.ru, darlabel.com, uniup.ru. Полазьте по сайтам, там много где контент подгружается именно аяксом.

6
  • uniup.ru/catalog Вот тут очень интересно посмотреть... 19 сен 2011 в 19:55
  • Посмотрите исходный код страницы, точнее - на событие по кликам закладок, что происходит и что подменяется.
    – metazet
    19 сен 2011 в 19:58
  • вот, как раз это мне и нужно!!!=) 19 сен 2011 в 20:03
  • Тогда плюсуйте к ответу, помечайте как правильный.
    – metazet
    19 сен 2011 в 20:27
  • <div id="catalog-list-container"> <div id="catalog-list-head"> <table> <tr> <td valign="top" width="420px">Университет:</td> <td valign="top" width="130px">Город:</td> <td valign="top"> <img src="/media/images/star.png" alt="" title="Рейтинг" /> </td> </tr> </table> <hr color="#dfdfdf" size="1px" style="margin-bottom: 13px;"/> </div> <!-- Сюда загрузится блок --> </div> как я понял в catalog-list-container и подгружаются данные, но не понял где код jQuery под данную схему... 20 сен 2011 в 13:48
1

Могу предложить глянуть эту статью: динамическая подгрузка данных на страницу. Приведен пример подгрузки комментариев на страницу, если немного переделать, то можно добиться и вывода новостей листингом.

1
1

Ну. Вы ж в тегах все правильно написали. К примеру вот так, со страницами. Если вам "бесконечный" листинг в стиле вКонтакте, то нужно отслеживать офсеты объекта и размер экрана, и делать подгрузку и .append(data) по факту приближения к концу.

function getNews(page) {
    $.ajax({
        url: 'news.php?page=' + page,
        success: function (data) {
            $('#news_div').html(data);
        }
    });
}

На РНР не забываем делать $page = intval($_GET['page']) перед тем, как совать в запрос. Это если общая идея.

1

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.