在页面离开时调用 JavaScript AJAX function 的方法

Question

我有一个 web 页面，其中包含一个表单、该表单的提交按钮以及将用户带到另一个页面的链接。 当用户单击该链接以将它们带到另一个页面时，我想将对该表单所做的任何更改上传到服务器（将保存值的 PHP 脚本）。

绑定 JavaScript ajax function 以便将表单传递到服务器然后将用户重定向到下一页的最佳事件是什么？

Answer 1

一种方法是在服务器端重定向，
如果使用 php：

header("Location: new_page.php"); //involves no javascript

另一种方法是使用 javascript ajax，我使用 jQuery：

$('form').submit(function(e){

   e.preventDefault();

   $.ajax(
    {
       url: this.action,
       data: $(this).serialize(),

       success: function(){
            window.location = 'newpage';//redirect on success
       }
    }
   )
})

Answer 2

如果您不介意 jQuery，

 $("#yourlink").click(function (event) {
    $.ajax({
      type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   });
location.href("your link"); //actually, i'm pretty sure the link will go ahead and fire anyways without this... 
    });