AJAX - Metodo $.post de JQuery no funciona

   
Vista:
Imágen de perfil de Luis Enrique

Metodo $.post de JQuery no funciona

Publicado por Luis Enrique (2 intervenciones) el 26/10/2015 18:51:01
Hola de nuevo amigos aqui con un problema mas :( :( .

Veran lo que quiero hacer es enviar datos de un Servlet a otro por medio de una funcion JQuery llamada "$.POST".
El problema es que el segundo Servlet no recibe nada y no se si sea por la siintaxis...ni siquiera me manda ningun error ni nada....Si me ayudaran les agradeceria en verdad.

Este es el Servlet al cual tomo los valores "ServletComboBoxAccesorios" :
- De este Servlet yo quiero tomar los valores de "cmbArea" que son obtenidos desde mi Base de Datos:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/*
 * 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.
 */
package controlador;
 
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.ResultSet;
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 modelo.Area;
 
/**
 *
 * @author Kunio
 */
@WebServlet(name = "ServletComboBoxAccesorios", urlPatterns = {"/ServletComboBoxAccesorios"})
public class ServletComboBoxAccesorios 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");
        try (PrintWriter out = response.getWriter()) {
            /* TODO output your page here. You may use following sample code. */
            out.println("<!DOCTYPE html>");
            out.println("<html>");
            out.println("<head>");
            out.println("<title>Servlet ServletComboBoxAccesorios</title>");
            out.println("</head>");
            out.println("<body>");
            out.println("<br><h3 style='margin-left: 20px;' >M o s t r a n d o &nbsp;&nbsp;A c c e s o r i o s &nbsp;&nbsp;D i s p o n i b l e s . . .</h3><br>");
 
            out.println("<form name='form' id='form' method='POST' >");
            //out.println("<table style=\" margin-left: 20px; \" >");
            //out.println("<tr>");
            //out.println("<td>Seleccione un Area: </td>");
            //out.println("<td>");
            out.println("<label style=\" margin-left: 20px; \" >Elije una Area:</label>");
            out.println("<select id='cmbArea' name='cmbArea' onchange='CargarTipo(this,this.form.cmbTipo)' >");
            out.println("<option values='0' >-------------------</option>");
            try{
                ResultSet rs1 = Area.ConsultarArea();
                while(rs1.next()){
                    out.println("<option value='"+rs1.getString(3)+"' >"+rs1.getString(1)+"</option>");
                }
            }catch(Exception e){
                e.printStackTrace();
 
            }
            out.println("</select>");
            //out.println("</td>");
            //out.println("<td>Seleccione una Seccion:</td>");
            //out.println("<td>");
            out.println("<select id='cmbTipo' name='cmbTipo' onchange='cargarTablas(this)' >");
            out.println("<option value='0' >-----------------</option>");
            out.println("</select>");
            //out.println("<td>");
            //out.println("</td>");
            //out.println("</tr>");
            out.println("</table></form><br>");
 
            out.println("</body>");
            out.println("</html>");
        }
    }
 
    // <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>
 
}

Despues en mi archivo JavaScript "cargarTablas.js" se ejecuta el codigo JQuery "$.POST":


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function cargarTablas(evento){
    //evento.preventDefault();
    var area= $("#cmbArea").val();
    if($("#cmbTipo").val()==="todos"){
        //alert(area);
        var enviar= $.post('ServletConsultarAccesorio',{Area:area});
        enviar.done(function(data){
            if(!isNaN(data)){
                    if(data===1){
                        alert("Error: "+data);
                  }
              }else{
                  //alert("Registro: "+data);
                  $("#resultado").html("");
                  $("#resultado").load("ServletConsultarAccesorio",function(){});
 
              }
        });
        //alert("Registro: "+data);
                  //$("#resultado").html("");
                  //$("#resultado").load("ServletConsultarAccesorio",function(){});
 
 
    }
 
}

De hecho si notan arriba envio un "alert" para verificar si mi variable si esta tomando el valor de mi comboBox y efectivamente el "alert" me muestra el valor.

Y finalmente mi otro Servlet "ServletConsultarAccesorio" recibe el valor enviado desde $.POST y lo imprime:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
/*
 * 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.
 */
package controlador;
 
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.ResultSet;
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 modelo.Accesorio;
import modelo.Area;
 
/**
 *
 * @author Kunio
 */
@WebServlet(name = "ServletConsultarAccesorio", urlPatterns = {"/ServletConsultarAccesorio"})
public class ServletConsultarAccesorio 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");
        try (PrintWriter out = response.getWriter()) {
            /* TODO output your page here. You may use following sample code. */
            String area= request.getParameter("Area");
 
            out.println("<h3 style=\" margin-left: 20px; \" >Area: "+area+"</h3><br>");
 
        }
    }
 
    // <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>
 
}


Si ustedes me pudieran ayudar se los agradeceria mucho en verdad...ya llevo muchos dias tratando de etender porque razon no recibe el valor...dicen que cuando uno mismo se bloquea y no encuentra su error, si alguien ajeno llega y ve el codigo puede encontrar el error mas facilmente.

Por favor amigos ayudenme (y)
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
información
Otras secciones de LWP con contenido de AJAX
- Código fuente de AJAX
- Cursos de AJAX
- Temas de AJAX
información
Códigos de AJAX
- Autocompletar
- Actualizar desplegable
- Editor para pagina Web
Imágen de perfil de Manuel

Metodo $.post de JQuery no funciona

Publicado por Manuel (1 intervención) el 27/10/2015 16:11:28
Buenas.
A ver no suelo usar variables de servlet en ajax asi que no se si estara mal recoges el valor del combobox y no lo añades como dato a la peticion $post(controlador,area) si tienes el valor en una variable js pues mandala no vallas a buscae el valor en el servidor.
No sean duros con migo ya dije que nunca he usado lo de {Area:area} le paso los parametros en una cadena.
Espero que sea esto.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar