Skip to main content
se añadieron 4 caracteres en el cuerpo
Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

Encontré la solución al problema que presentaba en este enlace html5-formdata-returns-null-in-java-servlet-request-getparameter al parecer con FormData los datos se envían a través de fetch como multipart/form-data y como request.getParameter reconoce solicitudes application/x-www-form-urlencoded se debe agregar en el Servlet la sgte.siguiente anotación @MultipartConfig para que de esta manera podamos obtener los datos con request.getParameter. Entonces el código en JavaScript quedaría así:

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

Y en el Servlet tendría que agregar la anotación @MultipartConfig como se muestra a continuación

@MultipartConfig
@WebServlet(name = "ServletAjax", urlPatterns = {"/ServletAjax"})
public class ServletAjax extends HttpServlet {

De esta manera los datos se enviarían de manera correcta y se mostrarían en pantallas al retornarlos.

Encontré la solución al problema que presentaba en este enlace html5-formdata-returns-null-in-java-servlet-request-getparameter al parecer con FormData los datos se envían a través de fetch como multipart/form-data y como request.getParameter reconoce solicitudes application/x-www-form-urlencoded se debe agregar en el Servlet la sgte. anotación @MultipartConfig para que de esta manera podamos obtener los datos con request.getParameter. Entonces el código en JavaScript quedaría así:

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

Y en el Servlet tendría que agregar la anotación @MultipartConfig como se muestra a continuación

@MultipartConfig
@WebServlet(name = "ServletAjax", urlPatterns = {"/ServletAjax"})
public class ServletAjax extends HttpServlet {

De esta manera los datos se enviarían de manera correcta y se mostrarían en pantallas al retornarlos.

Encontré la solución al problema que presentaba en este enlace html5-formdata-returns-null-in-java-servlet-request-getparameter al parecer con FormData los datos se envían a través de fetch como multipart/form-data y como request.getParameter reconoce solicitudes application/x-www-form-urlencoded se debe agregar en el Servlet la siguiente anotación @MultipartConfig para que de esta manera podamos obtener los datos con request.getParameter. Entonces el código en JavaScript quedaría así:

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

Y en el Servlet tendría que agregar la anotación @MultipartConfig como se muestra a continuación

@MultipartConfig
@WebServlet(name = "ServletAjax", urlPatterns = {"/ServletAjax"})
public class ServletAjax extends HttpServlet {

De esta manera los datos se enviarían de manera correcta y se mostrarían en pantallas al retornarlos.

Origen Enlace

Encontré la solución al problema que presentaba en este enlace html5-formdata-returns-null-in-java-servlet-request-getparameter al parecer con FormData los datos se envían a través de fetch como multipart/form-data y como request.getParameter reconoce solicitudes application/x-www-form-urlencoded se debe agregar en el Servlet la sgte. anotación @MultipartConfig para que de esta manera podamos obtener los datos con request.getParameter. Entonces el código en JavaScript quedaría así:

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

Y en el Servlet tendría que agregar la anotación @MultipartConfig como se muestra a continuación

@MultipartConfig
@WebServlet(name = "ServletAjax", urlPatterns = {"/ServletAjax"})
public class ServletAjax extends HttpServlet {

De esta manera los datos se enviarían de manera correcta y se mostrarían en pantallas al retornarlos.