如何在JavaScript代码中重新加载PHP文件？（附实际代码场景）

嘿，我来帮你搞定这个问题！要在writeData函数里完成Firebase数据写入后重新加载当前的test.php页面，有几种简单的JavaScript方法可以实现，而且我顺便帮你修正了代码里一个容易忽略的小问题～

最常用的方法：location.reload() #

这个方法会直接重新加载当前页面，默认情况下可能会使用浏览器缓存，如果你想强制从服务器获取最新的页面内容，可以给它传个true参数。另外，因为Firebase的set操作是异步的，最好把页面刷新放在then回调里，确保数据确实成功写入Firebase后再刷新，避免出现数据没写完页面就刷新的情况。

修改后的完整代码如下：

<body>
<script>
function writeData(){
  firebase.database().ref("User").set({
    name: document.getElementById("nameField").value,
    age: document.getElementById("ageField").value // 这里补上了.value，不然会把DOM元素传给Firebase哦
  }).then(() => {
    // 数据写入成功后刷新页面，true表示强制从服务器加载
    location.reload(true);
  }).catch((error) => {
    // 可选：添加错误处理，提示用户操作失败
    alert("数据提交失败，请稍后重试");
    console.error("写入错误：", error);
  });
}
</script>
<div class="box">
  <center>
    <div class="button">
      <button onclick="writeData()"> Submit </button>
    </div>
  </center>
</div>
</body>

其他可选方法 #

如果你有特殊需求，还可以用这两种方式：

• location.href = location.href：效果和reload类似，本质是让浏览器跳转到当前页面的URL，适合需要重置页面状态（比如清除锚点）的场景。
• location.replace(location.href)：和上面的方法类似，但它会替换当前的浏览器历史记录，用户点击后退按钮不会回到提交前的页面，适合不希望用户重复提交的场景。

额外提醒 #

你原来的代码里，age字段只写了document.getElementById("ageField")，这会把整个DOM元素对象传给Firebase，而不是输入框里的数值，一定要补上.value才能正确获取用户输入的年龄哦～

内容的提问来源于stack exchange，提问作者Nils Schmidt