Я хочу найти плагин, который может обновлять определенные области страницы, не обновляя всю страницу. У меня есть собственный элемент управления, который хранится внутри div, который меняет его содержимое только при обновлении, поэтому я думаю использовать что-то, что может обновить только divЕсть ли плагин jquery для обновления определенных областей страницы
ответ
jQuery отлично работает для этого. Что-то простое, как показано ниже, обновит элемент .result
с помощью html с url
. Это может сочетаться с языком на стороне сервера и различными событиями для динамического использования. Use this tutorial from jQuery.
$.ajax({
url: 'ajax/test.html',
success: function(data) {
$('.result').html(data);
alert('Load was performed.');
}
});
Что вам нужно, это ajax. Чтобы буквально перезагрузить часть страницы (то есть загрузите всю страницу снова с помощью load()
, затем проанализируйте необходимый элемент) - это огромная трата ресурсов. Что вы будете делать Ajax является:
- Настройка страницы на сервере, содержимое которого включает только данные, необходимые для области, которую вы хотите
- Использование JQuery периодически отправлять асинхронный (т.е.. Ajax) запрос для этой страницы
- процесса полученной информации и отображение информации обновилось
Есть много учебников в Интернете, которые помогут вам с тем, что вы хотите.
Edit: Чтобы найти хороший учебник вам нужно включить более подробно. Тем не менее, я просто предоставил простой здесь:
Предположим, у вас есть виджет, который отображает последние заголовки в списке, который обновляется каждые 5 минут. HTML В оригинальном виджете, как это:
<ol id="headline">
<li>Are two heads better than one? Sometimes...</li>
<li>Crocodile ate small children in Florida</li>
<li>Giant fireball appears across the summer sky!</li>
<li>Scientists find method to reticulate spines</li>
</li>
На шаге 1, вам нужно будет активизировать страницу на сервере, который выдает что-то вроде этого, который меняется каждые 5 минут:
Arctic found to hold giant oil reserve
Одиночные строка, содержащая текущий заголовок, без HTML, без форматирования, просто текст. Я не буду касаться кода на стороне сервера, так как я понятия не имею, что вы используете на стороне сервера. Мы предполагаем, что это можно найти по адресу headline.php
.
На шаге 2 и 3, вы будете некоторые Javascript код, например:
function getHeadline(){
$.get('headline.php', function(data){
$('<li></li>').prependTo('#headline').text(data);
$('#headline > li').last().remove();
});
}
$(document).ready(function(){
setInterval(getHeadline, 300000);
});
Функция getHeadline()
использовать метод GET
для получения содержимого headline.php
. Функция $.get()
имеет два параметра, первое - расположение файла, второе - это функция, которая выполняется, когда запрос завершен. Когда он будет завершен, он вставляет содержимое, которое он получает в список заголовков, при удалении последнего заголовка.
Функция setInterval()
используется для вызова функции getHeadline()
каждые 5 минут (300000 миллисекунд).
Конечно, это просто простой пример, но он охватывает все базы. Для более сложной информации вы также будете использовать структуру данных, например json. Вы также можете посмотреть более подробные учебники как
http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/ http://net.tutsplus.com/tutorials/html-css-techniques/building-a-5-star-rating-system-with-jquery-ajax-and-php/
Они, вероятно, не будет соответствовать вашим потребностям точно, но вы получите хорошее представление о том, с чего начать.
Можете ли вы предложить несколько руководств, о которых вы говорите, которые используют jquery и ajax? – roneden
- 1. Есть ли MIT лицензионный плагин для разбивки на страницы jquery?
- 2. Есть ли плагин jQuery для закрываемых накладок?
- 3. Reinitialize плагин jQuery после обновления страницы AJAX
- 4. Есть ли для этого плагин JQuery?
- 5. Есть ли JQuery (мобильный плагин) для Eclipse?
- 6. Есть ли для этого плагин JQuery?
- 7. Есть ли плагин jQuery для контрольных списков?
- 8. Есть ли плагин для проверки кода jQuery?
- 9. Есть ли плагин jQuery для сортировки списка?
- 10. Есть ли плагин JQuery Map
- 11. Возврат определенных областей
- 12. Есть ли элегантный способ обновления jQuery медленно?
- 13. Приоритет или резервирование динамиков для определенных областей
- 14. Используйте parsley.js для определенных областей формы?
- 15. Есть ли способ сохранить выбранную jQuery вкладку после обновления страницы?
- 16. Извлечение определенных областей изображения для дальнейшей классификации
- 17. Каков лучший плагин для рабочих областей Emacs?
- 18. Есть ли хороший плагин jQuery для datatable или datagrid?
- 19. Есть ли плагин Jquery для исправления контента при прокрутке?
- 20. Сохранение определенных областей имени файла
- 21. извлечение из определенных областей с помощью pdfclown
- 22. Есть ли jQuery jEditable Multi-select плагин?
- 23. Jquery обновления страницы веб-страницы
- 24. Есть ли плагин для создания emmet стиле html для jquery?
- 25. плагин wordpress для определенных твитов
- 26. Есть ли перетаскиваемый плагин вкладки jQuery-плагина?
- 27. Есть ли какой-либо плагин для страницы Goo Flickr для jQuery?
- 28. Разделить HTML страницы в изменяемыми размерами областей с использованием JQuery
- 29. Событие JQuery для обнаружения после обновления страницы
- 30. массового обновления для многого многих областей
Я видел эту страницу. Я не могу понять, что у меня есть страница Test.html и есть Div, называемый dyndiv, как я могу обновить содержимое этого div? – roneden
Когда вы хотите его обновить? По щелчку чего-нибудь? –