javascript - Ajax/Jquery 传递变量后刷新页面

Question

好的，我正在使用 Ajax 将 JS 变量从 index.php 发送到 page2.php。一旦它被设置为 page2.php，当用户一直在 index.php 上时，数据库被编辑。但是，一旦 page2.php 在后台完成更新数据库，我需要重新加载或刷新 index.php。为了给您更好的线索，我将包含一些我的代码。

在 Index.PHP 上是:

<a href='#' class='dbchange' onclick='dbchange(this)' id='".$ID'>Update</a>

和

function dbchange(obj) {
    var id = $(obj).attr('id');
    $.ajax({
        type: "POST",
        url: 'page2.php',
        data: "NewID=" + id,
    });
}

所以基本上，当他们单击显示“更新”的按钮时，它会发送按钮的 ID page2.php 和 page2.php 从那里使用该信息更新数据库的更改。但是，用户所在的 URL 是:

http://website.com/index.php#

而且数据库还没有为他们更新，他们不得不在 URL 中看到烦人的散列符号。我用谷歌搜索了如何在 JS 中刷新页面，发现有些东西要么不起作用，要么起作用，但导致变量没有被发送到 PHP 文件。我只需要它，以便在它被发送到 php 文件后，最好是在 php 文件完成后，index.php 页面刷新并且末尾没有#。

Answer 1

e.preventDefault() 是答案，但如果我可以建议:

摆脱内联函数并使用 jQuery 添加事件处理程序。

$(function () {
  $('.dbchange').click (function (e) {
    e.preventDefault();
    var id = this.id;
    $.ajax({
      type: "POST",
      url: 'page2.php',
      data: {NewID: id},
      success: function(data) {
        window.location.reload();
      }
    });
  });
});