Múltiplos Uploads com PHP, Mysql e Ajax - #17 beforeunload

Na aula de hoje iremos implementar uma mensagem na tela caso o usuário feche o cadastro de anúncios e salve esse anúncio como um rascunho.

Mensagem ao fechar a tela de cadastro

Para exibir uma mensagem de confirmação ao usuário, faremos da seguinte forma no javascript:

//Close page msg
let formSubmit=false;
function setFormSubmit() {formSubmit=true;}
function exitPage(event) {
    if(formSubmit){return undefined;}
    let confirmationMessage='Deseja fechar.';
    if((event || win.event).returnValue=confirmationMessage){
        let ajax=new XMLHttpRequest();
        ajax.open('GET',getRoot()+'controllers/controllerAds/closePage/'+doc.querySelector('#nextId').value);
        ajax.send();
    }
}
win.funcExitPage=exitPage;
if(doc.querySelector('form')){
    doc.querySelector('form').addEventListener('submit',setFormSubmit,false);
}

No nosso controllerAds iremos implementar o action closePage:

elseif($action=='closePage'){
    $objCrud->insertDB("ads","?,?,?,?",array($nextId,'','',date("Y-m-d H:i:s")));
}

Na index.php iremos implementar o script javascript:

<script>window.addEventListener('beforeunload',funcExitPage,false);</script>

Sucesso nos códigos e na vida!