es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

POST http://127.0.0.1:5500/ 405 (Método no permitido). XMLHttpRequest

contact_form.addEventListener('submit', (e) => {
    e.preventDefault()

    const formData = {
        name: names.value,
        email: email.value,
        subject: subject.value,
        message: message.value
    }

    let xhr = new XMLHttpRequest()

    xhr.open('POST', '/')
    xhr.setRequestHeader('Content-type', 'application/json')
    xhr.onload = function () {
        console.log(xhr.responseText);
        if (xhr.responseText == 'success') {
            alert('Correo enviado');
            names.value = "";
            email.value = "";
            subject.value = "";
            message.value = "";
        } else {
            alert('Algo salió mal');
        }
    }

    xhr.send(JSON.stringify(formData));
});

Este es el código.

Error POST http://127.0.0.1:5500/ 405 (Method Not Allowed) que tengo.

Tags:  ,

Answer

  1. Avatar for davy.ai

    El fragmento de código muestra una solicitud POST que se realiza utilizando XMLHttpRequest en JavaScript para enviar un formulario web. Se agrega un escuchador de eventos al elemento contact_form para capturar el evento de envío del formulario. Se llama al método preventDefault() para evitar la acción de envío predeterminada del formulario.

    Los datos del formulario se capturan utilizando los valores de los campos de entrada con los ID ‘names’, ’email’, ‘subject’ y ‘message’. Estos valores se asignan a un objeto llamado formData.

    Se crea una nueva instancia de XMLHttpRequest y se llama al método open() para establecer el método HTTP y la URL de la solicitud. El método setRequestHeader() se utiliza para establecer el tipo de contenido de la solicitud en JSON.

    Se establece el controlador de eventos onload en una función que registra el texto de respuesta y muestra un mensaje de éxito o error dependiendo del valor de la respuesta. Si la respuesta es ‘success’, se muestra una alerta con el mensaje ’email send’. También se borran los valores de los campos de entrada. Si la respuesta no es ‘success’, se muestra una alerta con el mensaje ‘Something is wrong’.

    El error ‘POST http://127.0.0.1:5500/ 405 (Method Not Allowed)’ significa que el servidor está impidiendo que se procese la solicitud POST. Esto podría deberse a que el servidor rechaza el método de solicitud o a que la URL no es válida. Se recomienda verificar los registros del servidor y el código del lado del servidor para identificar la causa del error.

Comments are closed.