2011-03-30 34 views
0

我有以下的HTML頁面:jQuery的動態頁面問題

<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元素自己做一個非常簡單的更新,這樣我就可以在點擊按鈕時看到新的時間戳。

任何幫助?

+0

如果你不想刷新整個頁面,那麼AJAX是你最好的選擇。 – drudge 2011-03-30 23:41:56

+0

我使用的是Ajax,但我不想讓人們迴應我應該使用Ajax回調 - 在我的情況下,這是不切實際的。 – AKor 2011-03-30 23:45:03

回答

3

你在想.load()?這是一個高級別的Ajax功能。你會使用它是這樣的:

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

你將不得不使用AJAX據我所知,但在你的$.ajax()回調,您可以使用$.replaceWith()documentation)。