页面加载时的Javascript Ajax调用

Z时代
2024-01-10
分类：问答

我希望在发出ajax调用以更新数据库之前完全加载页面。我可以在body

onload事件中调用javascript函数，以使页面完全加载，但是我不确定如何从那里触发Ajax调用。是否有更好的方法来实现此目的（页面加载后，Upadating数据库）？

回答：

使用JavaScript库确实很容易，例如使用jQuery，您可以编写：

$(document).ready(function(){
$.ajax({ url: "database/update.html",
        context: document.body,
        success: function(){
           alert("done");
        }});
});

如果没有jQuery，最简单的版本可能如下所示，但它不能解决浏览器差异或错误处理的问题：

<html>
  <body onload="updateDB();">
  </body>
  <script language="javascript">
    function updateDB() {
      var xhr = new XMLHttpRequest();
      xhr.open("POST", "database/update.html", true);
      xhr.send(null);
      /* ignore result */
    }
  </script>
</html>

也可以看看：