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.