Метод вызова Javascript AJAX-функции при выходе из страницы

Question

У меня есть веб-страница с формой, кнопка отправки для этой формы и ссылка, которая ведет пользователя на другую страницу.Я хочу загрузить все изменения, которые я внес в эту форму, на сервер (скрипт php, который сохранит значения), когда пользователь щелкает эту ссылку, чтобы перенести их на другую страницу.

Как лучше всего связать ajax-функцию javascript, чтобы форма передавалась на сервер, а затем пользователь перенаправлялся на следующую страницу?

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... 
    });