php - 添加记录后刷新 div

Question

我之前也发过同样的问题，但没有得到任何反馈！但是，我仍然无法解决这个问题。所以我有一个 index.php，它在我的数据库中显示用户。我正在使用 jquery UI 对话框表单来添加新用户。问题是我想在添加新用户时显示一条消息，并将其显示在显示该用户的表中。我成功地将记录添加到数据库中，但是我必须刷新整个页面才能使添加的新项目在表中可见。这是我的桌子：

<div id="users">
    <tr>
        <td>//users's informations</td>
    </tr>
</div>

添加用户的jquery代码：

//some vars
dataString = //dataString
$.ajax({
    type: "POST",
    url: "create.php",
    data: dataString,
    success: function () {
        $(#users).load("index.php", function () {
            display_message("user added");)
        };
    }
});
$(this).dialog("close");
return false;

所以当我点击创建一个新用户时，它只会显示一个 index.php 加载的空白页面。请帮忙，谢谢。

Answer 1

您忘记"在选择器周围放置

 success: function() {
                 $("#users").load("index.php", function() {
-------------------^
                      display_message("user added");
                      )};
               }

编辑：

但我必须刷新整个页面才能使添加的新项目在表格中可见。

如果您想在成功回调中或对话框关闭后刷新整个页面，请输入此行

location.reload(true);

Answer 2

假设您正在从您的 ajax 请求中检索用户信息：

success: function(userinfos) {
                 $("#users").append($('<tr><td>'+userinfos+'</td></tr>'))
                 display_message("user added");
               }

Answer 3

在您的 create.php 中，使用 html 格式化 div。确保此 html 打印在页面中，而不是存储在变量中。

这是您要在 index.php 中显示的格式。然后在你的成功函数上以下面的方式编写它。

$.ajax({
type: "POST",
url: "create.php",
data: dataString,
success: function (data) {
        $("#users tr td").html(data);
    }
});