3 votes

Why does communication only work once? AJAX, JQUERY

 <!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. -->
<html>
    <head>
        <title>CALCULOS</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript">
        $(function(){            
            $("#enviaruno").on("click", function(){
                 $.ajax({
                    url:"NewServlet",//servlet destino 
                    dataType: "html", //tipo de respuesta que se recibe del servidor
                    data: "control=EJERCICIO1"
                            +"&numeroPar="+$("#numeroPar").val(),
                    method:"POST",//GET
                    success: function(respuesta){                        
                        if(respuesta){ 
                            $("#resultado1").val(respuesta);
                        }else{
                           alert("Error al procesar su peticion");
                        }
                    },
                    error: function(objAjax, estado, excepcion){
                        alert("error en la comunicación");
                    }
                });    
            });
            $("#enviardos").on("click", function(){
                 $.ajax({
                    url:"NewServlet",//servlet destino 
                    dataType: "html", //tipo de respuesta que se recibe del servidor
                    data: "control=EJERCICIO2"
                            +"&priProducto="+$("#priProducto").val()
                            +"&segProducto="+$("#segProducto").val(),         
                    method:"POST",//GET
                    success: function(respuesta){                        
                        if(respuesta){ 
                            $("#resultado2").val(respuesta);
                        }else{
                           alert("Error al procesar su peticion");
                        }
                    },
                    error: function(objAjax, estado, excepcion){
                        alert("error en la comunicación");
                    }
                });     
            });
            $("#enviartres").on("click",function(){
               $.ajax({
                url:"NewServlet",
                dataType:"html",
                data:"control=EJERCICIO3"
                        +"&priMayor="+$("#priMayor").val()
                        +"&segMayor="+$("#segMayor").val(),
                method:"POST",
                success:function(respuesta){
                    if(respuesta){
                        $("#resultado3").val(respuesta);
                    }else{
                        alert("Error al procesar su peticion");
                    }
                },
                error:function(objAjax, estado, excepcion){
                    alert("Error al procesar su peticion");
                }
               });
            });
         });
    </script>
    </head>
    <body>

        <h1>NUMERO PAR</h1>
        <form action="NewServlet" name="formulario">
            <p>
              Ingrese numero: <input type="text" id="numeroPar" name="numeroPar"><br>
              Resultado: <input type="text" id="resultado1" name="resultado1"><br>
              <input type="button" id="enviaruno" value="calcular"> 
            </p>
        </form>
        <h1>PRODUCTO DE NUMEROS</h1>
        <form action="NewServlet" name="formulario">
            <P>
                Ingrese primer numero: <input type="text" id="priProducto" name="priProducto"><br>
                Ingrese segundo numero: <input type="text" id="segProducto" name="segProducto"><br>
                Resultado:  <input type="text" id="resultado2"  name="resultado2"><br>
                <input type="button" id="enviardos" value="calcular">
            </P>            
        </form>

         <form action="NewServlet" name="formulario">
            <h1>NUMERO MAYOR ENTRE DOS DATOS NUMERICOS </h1>
            <p>
            Ingrese primer número: <input type="text" id="priMayor" name="priMayor"><br>
            Ingrese segundo número: <input type="text" id="segMayor" name="segMayor"><br>
            Resultado: <input type="text" id="resultado3" name="resultado3"><br>
            <input type="button" id="enviartres" value="calcular">
            </p>
        </form>
        </body>
</html>
 

My servlet

 package Control;

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import Modelos.Calculadora;
/**
 *
 * @author XXXXX
 */
@WebServlet(name = "NewServlet", urlPatterns = {"/NewServlet"})
public class NewServlet extends HttpServlet {

    /**
     * Processes requests for both HTTP <code>GET</code> and <code>POST</code>
     * methods.
     *
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        Calculadora calcular=new Calculadora();
        String numeroPar= request.getParameter("numeroPar");
        String control=request.getParameter("control");
        float priProducto=Float.parseFloat(request.getParameter("priProducto"));
        float segProducto=Float.parseFloat(request.getParameter("segProducto"));
        float priMayor=Float.parseFloat(request.getParameter("priMayor"));
        float segMayor=Float.parseFloat(request.getParameter("segMayor"));
        try (PrintWriter out = response.getWriter()) {
            /* TODO output your page here. You may use following sample code. */
            if(control.equals("EJERCICIO1"))
            {           
             out.println(calcular.parOImpar(numeroPar)); 
            }
            if(control.equals("EJERCICIO2")){
                out.println(calcular.producto(priProducto, segProducto));
            } 
            if(control.equals("EJERCICIO3")){
                out.println(calcular.numeroMayor(priMayor, segMayor));
            } 
        }
    }


    // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">
    /**
     * Handles the HTTP <code>GET</code> method.
     *
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    /**
     * Handles the HTTP <code>POST</code> method.
     *
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    /**
     * Returns a short description of the servlet.
     *
     * @return a String containing servlet description
     */
    @Override
    public String getServletInfo() {
        return "Short description";
    }// </editor-fold>

}
 

Class Calculadora

 package Modelos;
public class Calculadora {
    public void Calculadora(){

    }
    float mayor;
    String par;
    public String parOImpar(String a)
    {
        float numero=Float.parseFloat(a);
        if((numero%2)==0)
        {
            par="ES PAR";

        }else
        {
            par= "ES IMPAR";
        }
            return par;
    }
    public float numeroMayor(float a, float b)
    {   
        mayor=0;
        if((a>b) ||(a==b))
        {
           mayor= a;
        } else
        {
          mayor=b;
        }  
     return mayor;
    }
 

1voto

OscarGarcia Points 15361

The problem that you are suffering is because you're not capturing the case in which Float.parseFloat() causes an exception NumberFormatException due to receive a parameter that cannot be converted to floating-point, or NullPointerException if you receive a null because ServletRequest.getParameter() not found the GET field requested.

So you have to manage such cases as in the following example proposed:

protected void processRequest(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    response.setContentType("text/html;charset=UTF-8");
    Calculadora calcular = new Calculadora();
    /* En general capturamos todo el bloque que haga uso de out */
    try (PrintWriter out = response.getWriter()) {
        /* Primero obtenemos el control, lo que debemos hacer */
        String control = request.getParameter("control");
        if (control == null) {
            out.println("No sé qué hacer, defina 'control'");
            return;
        }
        /* Si estamos con par/impar hacemos el trabajo */
        if (control.equals("EJERCICIO1")) {
            String numeroPar = request.getParameter("numeroPar");
            if (numeroPar == null) {
                out.println("Introduzca el parámetro 'numeroPar'");
            } else {
                out.println(calcular.parOImpar(numeroPar));
            }
        } else if (control.equals("EJERCICIO2")) {
            /* Capturamos todos los posibles errores de conversión */
            try {
                float priProducto = Float.parseFloat(
                    request.getParameter("priProducto")
                );
                float segProducto = Float.parseFloat(
                    request.getParameter("segProducto")
                );
            } catch (Exception e) {
                out.println(e.getMessage());
                return;
            }
            out.println(calcular.producto(priProducto, segProducto));
        } else if (control.equals("EJERCICIO3")) {
            /* Capturamos todos los posibles errores de conversión */
            try {
                float priMayor = Float.parseFloat(
                    request.getParameter("priMayor")
                );
                float segMayor = Float.parseFloat(
                    request.getParameter("segMayor")
                );
            } catch (Exception e) {
                out.println(e.getMessage());
                return;
            }
            out.println(calcular.numeroMayor(priMayor, segMayor));
        } 
    }
}

In terms of the class Calculadora:

package Modelos;
public class Calculadora {
    float mayor;
    String par;
    public void Calculadora() {
    }
    public String parOImpar(String a)
    {
        try {
            float numero = Float.parseFloat(a);
        } catch (Exception e) {
            return "Error en la conversión del parámetro";
        }
        if ((numero % 2) == 0) {
            return "ES PAR";
        } else {
            return "ES IMPAR";
        }
    }
    public float numeroMayor(float a, float b)
    {
        if (a >= b) {
           return a;
        } else {
           return b;
        }
    }

Finally, in jQuery it is not necessary that mounts the chains GET, does that for you if you do it the following way:

$("#enviaruno").on("click", function() {
    $.ajax({
        url: "NewServlet",//servlet destino
        dataType: "html", //tipo de respuesta que se recibe del servidor
        data: {
            "control": "EJERCICIO1",
            "numeroPar": $("#numeroPar").val(),
        },
        method:"POST",//GET
        success: function(respuesta) {
            if (respuesta) {
                $("#resultado1").val(respuesta);
            } else {
                alert("Error al procesar su peticion");
            }
        },
        error: function(objAjax, estado, excepcion) {
            alert("error en la comunicación");
        }
    });    
});

HolaDevs.com

HolaDevs is an online community of programmers and software lovers.
You can check other people responses or create a new question if you don't find a solution

Powered by:

X