javascript - jQuery mobile、PHP 和 ajax 表在按钮单击时重新加载，无需重新加载页面

Question

我目前正在制作一个网络应用程序，我有一个弹出窗口，当我点击它时它会关闭，但我也希望它在不刷新页面的情况下刷新表格。弹出窗口允许用户修改表中已有的数据。因此，当用户单击更新时，弹出窗口会关闭，然后更新该列。但我遇到的问题是我必须进行物理页面更新才能看到更改。

无论如何更新表格而不刷新整个页面。

这是更新记录的代码：

//updating appt details
        $('#updateDetails').click(function()
        {   

            var Update = $("#updateDetailsInput").val();


            $.post('DescUpdate.php', {AID:(ViewingID), NewDescription: Update}).done(function(data)
            {   
                $("#notesPopup").popup("close");
                $("#Table").reload();   


            });

        });

我曾尝试使用 .reload 函数以及刷新，但我运气不佳。谁能建议最好的选择是什么？

Answer 1

尝试这个：

$("#TableID").table("refresh");

Answer 2

确定您发送的 php 文件确实以 HTML 格式返回表格数据：

<table> [...] </table>

我会用做：

$.post('DescUpdate.php', {AID:(ViewingID), NewDescription: Update}).done(function(data)
        {   
            $("#notesPopup").popup("close");
            $("#Table").html(data);   


        });

在 $("#Table") 元素中使用 POST 请求结果并作为 HTML 输入