jQuery动态页面问题

时间:2011-03-30 23:39:47

标签: php jquery ajax

我有以下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"/>

由于时间通常是前进的,因此时间戳应该与Web服务器给我时间戳的几秒钟不同。我想让div元素对它自己做一个非常简单的更新,以便在点击按钮时看到新的时间戳。

任何帮助?

3 个答案:

答案 0 :(得分:3)

你正在考虑.load()吗?这是一个高级的ajax功能。你可以使用这样的东西:

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

答案 1 :(得分:0)

您必须使用AJAX AFAIK,但在$.ajax()回调中,您可以使用$.replaceWith()documentation)。

答案 2 :(得分:0)

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