Динамическая подача с помощью Jquery и Ajax

Посмотрите на недавней панели активность этого сайта:

Глядя на исходный код, я могу видеть, как они оживляют фид. Но где вызовы ajax? Как можно что-то подобное реализовать. Я уверен, что это очень легко. Но не для меня ..

Вот как они анимировать их кормить:

<script type="text/javascript"> 
     var delay = 2500; 
     var numCardsDownloaded = 200; 
     var numCardsToShow = 5; 
     var nextToShow = numCardsDownloaded - 1; 


     function animateFeed() { 
     toHide = (nextToShow + numCardsToShow) % numCardsDownloaded 
     $('#activity'+nextToShow).remove().prependTo('#activity-list').slideDown(1000); 
     $('#activity'+toHide).slideUp(1000); 
     nextToShow = (nextToShow + numCardsDownloaded - 1) % numCardsDownloaded 
     setTimeout('animateFeed()', delay); 
     }  

     $(document).ready(function() { 
     setTimeout('animateFeed()', delay); 
     }); 
    </script>

источник

2010-09-24 Ender Wiggin

какой язык вы используете? php, asp.net, asp.net-mvc? – griegs

Я хотел бы использовать его с php. Я не уверен, что они используют. –

barcodehero выглядит как сайт rails – Merrimack

Сайт не на самом деле делает любой AJAX звонки. У них есть 200 «обновлений», загруженных на их сайт, и они просто вращают их. Если вы ищете простой способ сделать запросы AJAX, ознакомьтесь с http://api.jquery.com/category/ajax/

источник

2010-09-24 05:57:49 sgriffinusa

Итак, могу ли я получить 200 случайных «обновлений» с моей серверной части и выплевывать их как HTML каждый раз, когда загружаю say..index.html страницу..и затем использовать JQuery для анимации? –

Вы можете, но это довольно хромой, особенно потому, что это не так сложно сделать. (Возможно, сайт делает это для вопросов конфиденциальности). Если вы хотите использовать jQuery, проверьте команду http://api.jquery.com/category/ajax/. Просто дайте ему URL-адрес, и он вернет содержимое этого URL-адреса. – sgriffinusa

Они не делают аякс-звонки для обновления списка. Проверьте исходный код, и вы увидите все сообщения в HTML, все они просто скрыты, а затем анимированы. Вы можете узнать больше о jQuery (библиотеке, используемой для анимации), которая также включает функции ajax по адресу: http://www.jquery.com

источник

2010-09-24 05:59:12 Merrimack

Динамическая подача с помощью Jquery и Ajax

ответ

Смежные вопросы