使用以下操作刷新网页

Question

我想用AJAX做一件非常简单的事情。如果听起来很简单，请道歉。

如果我使用保存按钮从我的客户端JS页面（使用AJAX调用）向我的数据库添加一些新数据，那么我希望通过单击该按钮使新数据可见。为此，我假设我有以下选项 -

1. 刷新页面（这对我不起作用，因为我的表最初是隐藏的，刷新会将页面移动到其初始位置。我还尝试刷新页面，然后添加一个操作以使该表可见但不幸的是它只是刷新页面并没有执行以下操作）
2. 刷新我不知道该怎么做的页面部分（某个div）。

所以我的问题是 -

1. 是否可以刷新页面后跟其他功能？
2. 如何使用JS刷新div？

任何一种解决方案都适合我。提前谢谢。

Answer 1

要刷新div，据我所知你需要一个php页面来获取你想要在那里显示的信息，然后使用ajax函数将该页面放在那里。

Answer 2

您可以让服务器端代码返回div的内容，以便在保存数据后进行更改。

使用jQuery，在进行ajax调用后可以很容易地更改div的内容。

$.ajax({
    type: "POST",
    url: "/someurl",
    data: theDataToSendToTheServer,
    success: function(data){
        $('#theDivsId').html(data);
    }
});

Answer 3

JQuery's html() attribute将允许您通过Javascript更新单个div。 您可以使用JQuery's Post method更新服务器和/或检索新数据以刷新div。

Answer 4

不使用jQuery？它仍然很容易。

document.getElementById('theIDofYourDiv').innerHTML = 'the new contents of your div, including <span>nested HTML tags</span> if you want, provided as a string';