更新后更新显示表，不刷新

我有一个表格显示在我的网站上，用户可以点击一个行的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

更新后更新显示表，不刷新

回答

相关问题