AJAX en Java mediante JSP y Servlet

A continuación voy a mostrar una pequeña aplicación de ejemplo para utilizar AJAX en nuestra aplicación de Java. Para este ejemplo utilizare el IDE de Eclipse. 

Descargar código: aqui

Ejemplo funcionando:

Paso 1: Crear el proyecto

El proyecto lo llamaremos "EjemploAJAX".

Marcaremos esta opción para que nos genere  nuestro archivo “web.xml” que necesitaremos más adelante.

Paso 2: Creamos  nuestro fichero "JSP" inicial que nombraremos “index.jsp”.

Nuestro fichero "index.jsp" contendrá el siguiente código.

  
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>








 

Insertar Usuario

  Nombre:  
  Correo:  
  Telefono:  

   
 

 

Paso 3: Crear nuestra clase “Usuarios”.

Como hemos dicho la clase la nombraremos “Usuarios”.

A continuación al código de nuestra clase.

 

public class Usuario {
 
 private String nombre;
 private String correo;
 private String telefono;
 
 // Constructores
 public Usuario(){
 }

 public Usuario(String nombre, String correo, String telefono) {
  super();
  this.nombre = nombre;
  this.correo = correo;
  this.telefono = telefono;
 }
 
 // Propiedades
 public String getNombre()
 {
  return this.nombre;
 }

 public void setNombre(String nombre)
 {
  this.nombre = nombre;
 }
 
 public String getCorreo()
 {
  return this.correo;
 }

 public void setCorreo(String correo)
 {
  this.correo = correo;
 }

 public String getTelefono()
 {
  return this.telefono;
 }

 public void setTelefono(String telefono)
 {
  this.telefono = telefono;
 }

}

Paso 4: Crear nuestro Servlet y definir la acción.

Añadimos la siguiente clase que he llamado "ActionServlet".

Esta clase contendrá el siguiente código.

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class ActionServlet extends HttpServlet{

   private static final long serialVersionUID = 1L;

   private ArrayList<Usuario> Usuarios = new ArrayList<Usuario>();

      

   protected void doPost(HttpServletRequest request, HttpServletResponse response) throws                       ServletException, IOException {

      response.setContentType( "text/html; charset=iso-8859-1" );

      PrintWriter out = response.getWriter();

      // Obtengo los datos de la peticion

      String nombre = request.getParameter("nombre");

      String correo = request.getParameter("correo");

      String telefono = request.getParameter("telefono");

      // Compruebo que los campos del formulario tienen datos para añadir a la tabla

      if (!nombre.equals("") && !correo.equals("") && !telefono.equals("")) {

         // Creo el objeto persona y lo añado al arrayList

         Usuario usuario = new Usuario(nombre, correo, telefono);

         Usuarios.add(usuario);

       }

       // Mostramos los datos

       out.println("<h3>Lista Usuarios:</h3>");

       out.println("<table border='1'>");

       out.println("<tr>");

       out.println("<td> Nombre </td>");             

       out.println("<td> Correo </td>");

       out.println("<td> Telefono </td>");

       out.println("</tr>");

            

       for (Usuario usuario : Usuarios){

           out.println("<tr>");

           out.println("<td>"+usuario.getNombre()+"</td>");                  

           out.println("<td>"+usuario.getCorreo()+"</td>");

           out.println("<td>"+usuario.getTelefono()+"</td>");

           out.println("</tr>");

       }

       out.println("</table>");

   }

}

Paso 5: Definir nuestro fichero "web.xml"

 


  Ejemplo AJAX
  
    index.html
    index.htm
    index.jsp
    default.html
    default.htm
    default.jsp
  
  
   
  ActionServlet
  ActionServlet
 
 
  ActionServlet
  /