2

Não consigo encontrar o erro onde está o XMLHttpRequest, porém eu fiz um alert para ver até onde ele interpreta.

JS

window.onload = () => {
    //Constantes que são pegas do Formulário
    const name = document.getElementById('name');
    const mail = document.getElementById('mail');
    const message = document.getElementById('message');
    const sendMessage = document.getElementById('sendMessage');
    const regex = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/
    sendMessage.addEventListener('click', (e) => {

        //Validação de Nome
        if (name.value == undefined || name.value == "" || name.value == null) {
            alert('Nome não corresponde com o campo');
            name.focus();
            e.preventDefault();
        }
        //Validação de E-mail
        if (regex.test(!mail.value) || mail.value == "" || mail.value == undefined || mail.value == null) {
            alert('E-mail não corresponde com o campo');
            mail.focus();
            e.preventDefault();
        }
        //Validação de mensagem
        if (message.value == undefined || message.value == "" || message.value == undefined ){
            alert('Mensagem não corresponde com o campo');
            message.focus();
            e.preventDefault();
        //Se todas as condições forem aprovadas então vai enviar as informações do e-mail e o regex
        //para o mail.php
        } else {
            //Criando objeto XMLHttpRequest
            var search = new XMLHttpRequest()
            var method = 'POST';
            var url = '../php/mail.php'
            search.open(
                method,
                url,
            )
           alert('Até aqui executa');
           /* Essa linha não executa*/
             search.onreadystatechange = () => {
                if(search.readyState == XMLHttpRequest.DONE && search.status === 200) {
                    alert('E-mail enviado com sucesso!');
                    sendMessage.style.display = "none";
                    var dados = JSON.parse(mail,regex)
                    search.send(dados)
                }
           //Nem essa linha executa
                else {
                    e.preventDefault()
                    alert("Ocorreu um erro! Envie novamente");
                }
            }
        }
    });

}

Procurei aqui no Stackoverflow se tinha algum caso parecido e não encontrei.

3
  • @LipESprY o problema que ele não retorna nenhum erro, por isso dei o alert ali, para saber até onde ele está executando. Commented 4/04/2019 às 11:40
  • Já! Mas ele não retorna absolutamente nada. Commented 4/04/2019 às 11:42
  • 1
    Obrigado LipESprY Commented 4/04/2019 às 11:46

1 Resposta 1

3

O método onreadystatechange identifica a alteração do estado da requisição. Então, especialmente no seu código, não se deve chamar o método send dentro do bloco onreadystatechange.

Coloque assim:

           // ...
           //alert('Até aqui executa');
           /* Essa linha não executa*/
             search.onreadystatechange = () => {
                if(search.readyState == XMLHttpRequest.DONE && search.status === 200) {
                    alert('E-mail enviado com sucesso!');
                    sendMessage.style.display = "none";
                    var dados = JSON.parse(mail,regex)
                }
           //Nem essa linha executa
                else {
                    e.preventDefault()
                    alert("Ocorreu um erro! Envie novamente");
                }
            }
            search.send(dados)
        }
    });

}

Há casos em que usamos o método send dentro do bloco readystatechange. Mas isso seria para uma nova requisição após a resposta desta. O que não é [parece ser] o seu caso.

Leitura recomendada: MDN: XMLHttpRequest.readyState e readystatechange

1
  • 1
    Entendi, obrigado LipESprY, o resto acho que consigo me virar. Commented 4/04/2019 às 11:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .