1
resposta

Não carrega a pagina de cadastro concluido

Olá pessoal, estou com uma dúvida, pois ao cadastrar um novo cliente, a página de cadastro concluído não carrega. O cliente é cadastro normalmente, é possível ver na página de clientes. Já olhei a resposta para o mesmo problema aqui no fórum e nenhuma das sugestões que olhei ajudaram. Se alguém souber e puder ajudar :D

cadastraCliente-controller.js

import { clienteService } from "../service/cliente-service.js";

const formulario = document.querySelector('[data-form]')

formulario.addEventListener('submit', (evento) => {
    evento.preventDefault()
    const nome = evento.target.querySelector('[data-nome]').value
    const email = evento.target.querySelector('[data-email]').value

    clienteService.criaCliente(nome, email)
    .then(() => {
        window.location.href = "../telas/cadastro_concluido.html"
    })
})

cliente-service.js

const listaCliente = () => {
    return fetch(`http://localhost:3000/profile`)
    .then(resposta => {
        return resposta.json()
    })
}

const criaCliente = (nome, email) => {
    return fetch(`http://localhost:3000/profile`, {
        method: 'POST',
        headers: {
            'Content-Type' : 'application/json'
        },
        body: JSON.stringify({
            nome: nome,
            email: email
        })

    })
        .then( resposta => {
            return resposta.body
    })
}

export const clienteService = {
    listaCliente,
    criaCliente
}
1 resposta

Olá Letícia, tudo bem? Pelo código que você postou, parece que o cadastro do cliente está sendo realizado corretamente, mas a página de cadastro concluído não está sendo carregada. Uma possível solução seria verificar se o caminho para a página de cadastro concluído está correto. Certifique-se de que o caminho está correto e que a página existe no local especificado.

Outra sugestão seria verificar se o evento de redirecionamento está sendo disparado corretamente. Você pode adicionar um console.log() antes do redirecionamento para verificar se o evento está sendo acionado.

Se nenhuma dessas sugestões ajudar, pode ser necessário verificar outros arquivos e configurações do seu projeto. Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software