Отправить ajax-вызов on beforeUnload был отменен браузером

Question

У меня есть веб-приложение, которое требует сохранения (ajax-вызова) любых несохраненных пользовательских входных данных, когда пользователь переходит от сайта.

Я использую «Fetch» ​​для выполнения вызова ajax (сохранение данных) в прослушивателе событий beforeunload. Но браузер, похоже, отменил вызов ajax (вызов предварительной проверки OPTIONS был отменен, когда я посмотрел на сетевую панель Chrome).

jquery имеет способ отправить синхронный вызов ajax, но это было устарело. Кроме того, работа над всплывающим браузером продиктовала приглашение, чтобы пользователь мог подтвердить навигацию через событие beforeUnload, но это не является предпочтительным по требованию бизнеса.

Итак, есть решение, позволяющее пройти вызов Ajax?

Мой пример кода ниже. :

window.addEventListener('beforeunload', beforeUnloadHandler); 
 

 
beforeUnloadHandler(event) { 
 
    fetch(url, { 
 
     method: 'PUT', 
 
     credentials: 'include', 
 
     headers: { 
 
     'Content-Type': 'application/json', 
 
     Authorization: api.AUTHORIZATION_HEADER 
 
     }, 
 
     body: JSON.stringify(data) 
 
    }) 
 
    }

Answer 1

я столкнулся с аналогичной проблемой, по настройке Ajax вызова, как не-асинхронный, она работала отлично.

Попробуйте добавить ниже фрагмент кода на свой Ajax вызова:

$.ajaxSetup({ cache: false }) 
$.ajaxSetup({ async: false })