Обновление страницы JQuery

Question

Как я могу обновить страницу с помощью JQuery с установленными интервалами, которые будут работать как мета-обновление, но без перезагрузки страницы?

... Или перезагрузить HTML-форму на странице, чтобы обновить отображаемые данные?

Любой из них будет работать, но я не могу найти ничего, что действительно работает.

Спасибо!

Answer 1

Вы можете использовать ajax для обновления определенных фрагментов страницы с помощью функций $ .ajax или $ .getJSON. Эти функции будут вызывать код на стороне сервера и извлекать блок json, после чего можно заполнять данные json

$.ajax({
  url: "mydomain.com/url",
  type: "POST",
  dataType: "xml/html/script/json",
  data: $.param( $("Element or Expression") ),

  complete: function(data) {
            var tag = $('#idonpage');
            tag.text(data.something.etc);
  },

  success: function() {
    //called when successful
 },

  error: function() {
    //called when there is an error
  },
});

или вы можете использовать функцию $ .load, используя форму $ .load ('someurl #id'), jQuery будет анализировать html из someurl в поисках тега id, и эти данные могут быть использованы для заполнения где-нибудь наВаша страница.

для вызова функции через заданные интервалы используйте функцию javascript setInterval, например, для вызова функции каждые 2 секунды: -

setInterval (function () {do what ...},2000);

использовать функцию готовности документа, прежде чем устанавливать все, если это вверх.

$(document).ready(function() {
});

Надеюсь, это направит вас в правильном направлении.

Answer 2

Для ссылки на целую страницу вам нужно:

widnow.location.href = "stackoverlow.com";

Если вам нужно обновить страницу, кажется, вам нужно взглянуть на $. Ajax

ЕслиВы хотите обновлять некоторую часть страницы каждые 2 секунды, используя setInterval и $ .ajax:

setInterval(function() {
   $.ajax(..);
}, 2000);