Skip to main content
cuerpo editado
Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

Buen día con todos estoy tratando de enviar un objeto FormData por Fetch a un Servlet pero al recibirlos me imprimen con el resultado de null, no me apereceaparece ningún error solo que la respuesta al final me sale como null

window.onload = () => {
let frmPersona = document.querySelector("form");
frmPersona.addEventListener("submit", (e) => {
    e.preventDefault();
    const objetoPersona = new FormData(e.target);
    fetch("ServletAjax",{
        method: "POST",
        headers: {
            "Content-Type": "application/x-www-form-urlencoded"
        },
        body: objetoPersona
    }).then(res=>{
        return res.text();
    }).then(resultado=>{
        document.getElementById("resultado").innerHTML = resultado;
    });

Y en mi Servlet recibo los datos por medio del atributo name de los inputs del form

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    try (PrintWriter out = response.getWriter()) {
        String nombre = request.getParameter("nombre");
        String apellido = request.getParameter("apellido");
        out.print(nombre + " " + apellido);
    } catch (Exception ex) {
        System.out.println("Error: " + ex.getMessage());
    }
}

Buen día con todos estoy tratando de enviar un objeto FormData por Fetch a un Servlet pero al recibirlos me imprimen con el resultado de null, no me aperece ningún error solo que la respuesta al final me sale como null

window.onload = () => {
let frmPersona = document.querySelector("form");
frmPersona.addEventListener("submit", (e) => {
    e.preventDefault();
    const objetoPersona = new FormData(e.target);
    fetch("ServletAjax",{
        method: "POST",
        headers: {
            "Content-Type": "application/x-www-form-urlencoded"
        },
        body: objetoPersona
    }).then(res=>{
        return res.text();
    }).then(resultado=>{
        document.getElementById("resultado").innerHTML = resultado;
    });

Y en mi Servlet recibo los datos por medio del atributo name de los inputs del form

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    try (PrintWriter out = response.getWriter()) {
        String nombre = request.getParameter("nombre");
        String apellido = request.getParameter("apellido");
        out.print(nombre + " " + apellido);
    } catch (Exception ex) {
        System.out.println("Error: " + ex.getMessage());
    }
}

Buen día con todos estoy tratando de enviar un objeto FormData por Fetch a un Servlet pero al recibirlos me imprimen con el resultado de null, no me aparece ningún error solo que la respuesta al final me sale como null

window.onload = () => {
let frmPersona = document.querySelector("form");
frmPersona.addEventListener("submit", (e) => {
    e.preventDefault();
    const objetoPersona = new FormData(e.target);
    fetch("ServletAjax",{
        method: "POST",
        headers: {
            "Content-Type": "application/x-www-form-urlencoded"
        },
        body: objetoPersona
    }).then(res=>{
        return res.text();
    }).then(resultado=>{
        document.getElementById("resultado").innerHTML = resultado;
    });

Y en mi Servlet recibo los datos por medio del atributo name de los inputs del form

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    try (PrintWriter out = response.getWriter()) {
        String nombre = request.getParameter("nombre");
        String apellido = request.getParameter("apellido");
        out.print(nombre + " " + apellido);
    } catch (Exception ex) {
        System.out.println("Error: " + ex.getMessage());
    }
}
Origen Enlace

¿Comó recibir los datos de FormData en un Servlet?

Buen día con todos estoy tratando de enviar un objeto FormData por Fetch a un Servlet pero al recibirlos me imprimen con el resultado de null, no me aperece ningún error solo que la respuesta al final me sale como null

window.onload = () => {
let frmPersona = document.querySelector("form");
frmPersona.addEventListener("submit", (e) => {
    e.preventDefault();
    const objetoPersona = new FormData(e.target);
    fetch("ServletAjax",{
        method: "POST",
        headers: {
            "Content-Type": "application/x-www-form-urlencoded"
        },
        body: objetoPersona
    }).then(res=>{
        return res.text();
    }).then(resultado=>{
        document.getElementById("resultado").innerHTML = resultado;
    });

Y en mi Servlet recibo los datos por medio del atributo name de los inputs del form

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    try (PrintWriter out = response.getWriter()) {
        String nombre = request.getParameter("nombre");
        String apellido = request.getParameter("apellido");
        out.print(nombre + " " + apellido);
    } catch (Exception ex) {
        System.out.println("Error: " + ex.getMessage());
    }
}