更新後更新顯示錶，不刷新

我有一個表格顯示在我的網站上，用戶可以點擊一個行的ID並顯示一個colorbox（jquery）彈出窗口，從這裏他們可以更新選定的行。更新後更新顯示錶，不刷新

當它們單擊保存時，數據庫中的行已成功更新。當彈出窗口關閉時，先前顯示的表格仍然顯示舊數據。如果我按f5，它會按預期更新。無論如何動態地做到這一點，所以頁面在用戶點擊保存後重新加載？我不希望他們不得不手動重新加載頁面。

編輯 - 添加代碼。

Colobox彈出功能

<script> 
$(function() 
    { 
    $(".editenq").colorbox({iframe:true, innerWidth:525, innerHeight:400});  
    $(".addenq").colorbox({iframe:true, innerWidth:525, innerHeight:400});  
}) 
    </script>

進一步向下查詢ID用戶點擊編輯它

echo "<td><a class= 'editenq' href=\"editenq?enqid={$row['enqid']}\">{$row['enqid']} </a></td>";

的彈出只是一個基本形式，從數據庫和用戶的預填充可以進行更改，然後點擊保存。

我想然後關閉彈出後，原來的表格顯示了更新後的數據

感謝

來源

2013-06-26 Gary

您可以使用jQuery ajax來更新表格數據，甚至只需要一個'html（）'來更新元素。或者如果你願意的話，你實際上可以用JavaScript重新加載頁面。 'location.reload（）;'在保存之後。 –

保存在彈出窗口中，不是顯示數據的原始頁面 – Gary

應該沒有關係。你能發佈你的代碼嗎？如果沒有看到您的彈出窗口是如何處理的，或者您按下保存時會發生什麼，則無法真正做到太多。 –

試試這個的話，這應該使用顏色框回調的工作。如果需要的話，你可以將它轉換到另一個顏色盒，這個顏色盒與.addenq一樣。

<script> 
$(function() 
    { 
    $(".editenq").colorbox({iframe:true, innerWidth:525, innerHeight:400,onClosed:function() { location.reload(true); }});  
    $(".addenq").colorbox({iframe:true, innerWidth:525, innerHeight:400});  
}) 
    </script>

來源

2013-06-26 13:56:37

這樣做...非常感謝你。 – Gary

更新後更新顯示錶，不刷新

回答

相關問題