2011-07-23 37 views
0

生成格的內容如何使用jQueryjQuery來刷新由PHP

刷新由同一個PHP頁面生成一個div的內容我有一個test.php,包含一個div叫refreshdiv,一個名爲refreshbutton按鈕,可以在其他div的那顯示其他內容

refreshdiv div的內容是由PHP

產生的,能夠重新裝載上點擊refreshbutton在同一頁上即refreshdiv的內容,test.php

這裏是我的工作圍繞

<div id="refreshdiv"> 
<table> 
<?php 
    $rec=mysql_query("select * from user_master"); 
    for($i=0;$i<mysql_fetch_array($rec);$i++) 
    { 
?> 
<tr> 
    <td> 
    <?php echo mysql_result($rec,$i,'username');?> 
    </td> 
</tr> 
<?php } ?> 
</table> 
</div> 

使用$不用彷徨嘗試過,但沒有得到任何結果

+0

你的jQuery代碼是什麼樣的? –

+0

並且您是否看到任何通過提琴手,螢火蟲等從服務器返回的內容? –

+0

不知道在這裏需要使用哪個jquery函數。因爲這涉及同一頁面的部分。 – Binil

回答

1

乘坐看看這個jsFiddle我放在一起 - 這可能有幫助。

我正在做一個AJAX調用(在這種情況下,因爲它只是HTML,這就是jsFiddle支持HTML請求 - 但它不會爲你的$.get)獲取數據並將其附加到表數據單元(<td>)。整個頁面不會更新 - 只是我所針對的部分 - 在這種情況下,<td>單元格中保留了「hello's」。

我希望這會有所幫助。讓我知道你是否添加了問題。

+0

非常感謝你的帖子。認爲會有類似div.refresh的東西,這樣div中的全部內容都會被加載。 – Binil

+0

很高興我能幫到你。祝你好運! –

0

我想你需要建立一個PHP頁面,將返回的內容div然後通過ajax訪問這個頁面,並將頁面生成的內容插入到div中。因此,jQuery的會是這個樣子 -

$.ajax({ 
    url: "div.php", 
    success: function(data){ 
    $('#refreshdiv').html(data); 
    } 
}); 
1

使用Ajax

在test.php的使用

if($_GET['ajax'] == 1) { 
    //echo new content; 
} 

和jQuery代碼將

function refreshClick() { 
    $("#refreshdiv").load("./test.php?ajax=1"); 
    //OR 
    //to customize your call more, you could do 
    $.ajax({ 
    method: "GET", 
    url: "./test.php?ajax=1", 
    success: function(data) { $("#refreshdiv").html(data); }, 
    error: function(err){ Some_Error_Div.innerHTML = err; } 
    }); 
} 
+0

會影響頁面中的其他內容。我有其他的數據庫保存數據庫。 – Binil

+0

這不會影響該網頁中的任何其他內容....如果你有更多的依賴關係,那麼你必須單獨更改...每個div。 –