jQuery Динамическая страница Вопрос

Question

У меня есть следующая HTML-страница:

<div id="foobar">
  <?php echo $dynamicVar; ?>
</div>
<input type="button" value="Submit" id="subButton"/>

Когда я нажимаю "отправить", значение $dynamicVar изменится. Есть ли способ, без использования обратных вызовов Ajax, .each () или чего-либо сложного, сделать очень простое обновление элемента div? Я знаю, что есть функция jQuery, я видел ее раньше, но сейчас не могу ее найти. Эта функция просто обновит элемент. Все, что я нашел, требует от меня написания излишне сложного кода, чтобы попытаться обновить очень маленький очень простой элемент.

Например, если внутри всего div было значение «1», и я нажал кнопку, я хочу обновить, чтобы отобразить значение «n».

Вот код jQuery:

$('#subButton').live('click',function() {
   //dead-simple element refresh, nothing fancy necessary
});

Пример № 2:

<div id="foobar">
   <?php echo time(); ?>
</div>
<input type="button" value="Submit" id="subButton"/>

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

Любая помощь?

Answer 1

Вы думали о .load()? Это высокоуровневая функция ajax. Вы бы использовали что-то вроде этого:

$('#subButton').live('click',function() {
   $('#foobar').load('thispage.php #foobar > *');
});

Answer 2

$('#foobar').load('my/script.php');

Answer 3

Вам придется использовать AJAX AFAIK, но в вашем $.ajax() обратном вызове вы можете использовать $.replaceWith() ( документация ).