Problemas GetJson y JQuery en MVC

JohnEdiSantDe · #1 (**permalink**) 17/07/2012, 18:04

Hola utilizo la libreria jQuery validate , para validar mi formulario y getJson lo utilizo en combos dependedientes, pero si ejecuto validate.min.js con getJson , no me muestra nada en los combos , y si quito validate.min.js me muestra los combos . Estoy programando en MVC .

Mi formulario es este ....

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Registra Empleado</title>


<script src="<%=request.getContextPath()%>/jsvalidacion/jquery.js" type="text/javascript"></script>

<script src="<%=request.getContextPath()%>/js/validacion/validate.min.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/validacion/init_1.js" type="text/javascript"></script>

<script type="text/javascript">
//Observese que la respuesta viene del servlet Paises
$.getJSON("Departamentos",
function(data){
$.each(data.Departamentos, function(i,item){
$("#cboDepartamento").append("<option value='"+item.id+"'>"+item.TNAME+"</option>");
});
});
$(function(){
//evento change parececido al onchange de javascript que cambia al seleccionar los Paises
$("#cboDepartamento").change(function(){
//Observese que la respuesta viene del servlet Ciudades
$.getJSON("Funciones",{
//evaluar el id de paises
id: $(this).val(),
ajax: 'true'
},
function(data){
//limpiar el option value
$("#cboFunciones").html("");
$.each(data.Funciones, function(i,item2){
$("#cboFunciones").append("<option value='"+item2.id+"'>"+item2.nombre+"</option>");
});
});
});
});

</script>
-->
</head>
<body>
<div id="divWrapper">
<div id="divLogo">
</div>
<div id="divInicial">
<h1></h1>
<p><h1>   </h1>
</div>
<div id="divHeader">
<div id="divMenu">
<ul class="ddmarkermenu">
<a href="<%=request.getContextPath()%>/jsp/index.jsp" ><img src="<%=request.getContextPath()%>/imagenes/home.png" onclick="index.jsp" alt="Home" title="Home" height="70px" width="60px"></a><br>
<img src="<%=request.getContextPath()%>/imagenes/alta.png" onclick="RegistraEquipo.jsp" alt="Registra Empleado" title="Registra Empleado" height="30px" width="30px"><a href="<%=request.getContextPath()%>/jsp/empleado/RegistraEmpleado.jsp"> Registra Empleado</a><br>
<img src="<%=request.getContextPath()%>/imagenes/Search-5.png" onclick="ConsultaEquipo.jsp" alt="Consulta Empleado" title="Consulta Empleado" height="30px" width="30px"> <a href="<%=request.getContextPath()%>/jsp/empleado/ConsultaEmpleado.jsp">Consulta Empleado</a><br>
<img src="<%=request.getContextPath()%>/imagenes/ACTUALIZAR1.png" onclick="ModificarEquipo.jsp" alt="Modifica Empleado" title="Modifica Empleado" height="25px" width="25px"><a href="<%=request.getContextPath()%>/jsp/empleado/ModificaEmpleado.jsp">  Modificar Empleado</a><br>
<img src="<%=request.getContextPath()%>/imagenes/eliminar.jpg" onclick="BajaEquipo.jsp" alt="Elimina Empleado" title="Elimina Empleado" height="30px" width="25px"> <a href="<%=request.getContextPath()%>/jsp/empleado/BajaEmpleado.jsp"> Baja Empleado</a><br>
</ul>
</div>

<div>
<span>
<%out.println((request.getAttribute("mensaje") != null) ? request.getAttribute("mensaje") : "");%>
</span>
</div>

<div id="gallery" class="classGallery">

<form id="form" class="blocks" name="form" action="<%=request.getContextPath()%>/CtrlEmpleado" method="post">

<fieldset title="Alta Empleado" style="background-color: #D6D5D5" class="classAlta">
<legend><h2>Alta Empleado</h2></legend>
<table>

<tr>
<tr>
<p>
<label>RFC </label>
<input type="text" class="textA" id="rfc" name="txtRfc" maxlength="13"/>
</p>
</tr>

<tr>
<p>
<label>Nombre Completo</label>
<input type="text" class="textA" id="nombreCom" name="txtNombreCom" maxlength="80"/>
</p>
</tr>

<tr>
<p>
<label>Plaza </label>
<input type="text" class="textA" id="plaza" name="txtPlaza" maxlength="13"/>
</p>
</tr>

<tr>
<p>
<label>Origen de Plaza </label>
<select class="text" name="cboOrigen" id="cboOrigen" >
<option selected value="">Seleccione Origen de Plaza</option>
<option value="estatal">Estatal</option>
<option value="federal">Federal</option>
</select>
<p>
</tr>

<tr>
<p>
<label>Tipo de Plaza </label>
<select name="cboTipo" class="text" id="cboTipo" onblur="validaTipo(this.value);">
<option selected value="" >Seleccione Tipo Plaza</option>
<%
List<Politica> politicas = new ArrayList<Politica>();
Politica politica = null;
try {
politicas = new DAOPolitica().getAll();

} catch (Exception ex) {
out.print("ERROR:" + ex.getMessage());
System.out.println("ERROR: " + ex.getMessage());

}

Politica pol = (Politica) (request.getAttribute("politica"));
for (int i = 0; i < politicas.size(); i++) {

%>
<option value="<%out.print(politicas.get(i).getTipo());%>" <%if ((pol != null) && (pol.getTipo().equals(politicas.get(i).getTipo())) ) {
out.print("selected");
}%>>
<%out.print(politicas.get(i).getTipo());%>
</option>
<%}%>
</select>
</p>
</tr>

<tr>
<p>
<label>Departamento </label>
<select name="cboDepartamento" class="text" id="cboDepartamento" class="select" >
<option selected="selected" value="">Seleccione Departamento</option>
</select>
</p>
</tr>

<tr>
<p>
<label>Funcion </label>
<select name="cboFunciones" class="text" id="cboFunciones" class="select">
<option selected="selected" value="">Seleccione Funcion</option>
</select>
</p>
</tr>

<tr>

<p align="center">
<input type="submit" class="btn" value="Guardar" name="accion">
</p>
</tr>

</table>
</fieldset>
</form>

</div>
</div>
</div>

<br>

</body>
</html>

JohnEdiSantDe · #2 (**permalink**) 17/07/2012, 18:05

El servlet de Departamentos:

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/

package controlador;

import datos.dao.DAODepartamento;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
*
* @author PC
*/
@WebServlet(name="Departamentos", urlPatterns={"/Departamentos"})
public class Departamentos extends HttpServlet {
String lista = new String("");

public Departamentos(){
super();
}
/**
* 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, Exception {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
try {
DAODepartamento Consultar = new DAODepartamento();
//acceder al metodo buscaPaises
ArrayList Departamentos = Consultar.buscarDepartamentos();
if (Departamentos.size() != 0) {
lista = "\"" + "Departamentos" + "\":" + "[";
for (int x = 0; x < Departamentos.size(); x=x+2) {
lista += "{" + "\"" + "id" + "\"" + ":" + Departamentos.get(x).toString() + "," +
"\"" + "TNAME" + "\"" + ":" + " \"" + Departamentos.get(x+1) + "\"" + "}" + ",";
//formar la cadena en formato JSON para enviarlo a la vista con jquery
}
//quitar la ultima coma para parsear la cadena JSON
lista = lista.substring(0, lista.length() - 1);
} else {
out.println("No se logro obtener datos");
}
} finally {
out.println("{" + lista + "]}");
System.out.println("{" + lista + "]}");
out.close();
}
}

// <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 {
try {
processRequest(request, response);
} catch (Exception ex) {
Logger.getLogger(Departamentos.class.getName()).lo g(Level.SEVERE, null, ex);
}
}

/**
* 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 {
try {
processRequest(request, response);
} catch (Exception ex) {
Logger.getLogger(Departamentos.class.getName()).lo g(Level.SEVERE, null, ex);
}
}

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

}

JohnEdiSantDe · #3 (**permalink**) 17/07/2012, 18:06

Servlet de Funciones

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/

package controlador;

import datos.dao.DAODepartamento;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
*
* @author PC
*/
@WebServlet(name="Funciones", urlPatterns={"/Funciones"})
public class Funciones extends HttpServlet {

public Funciones(){
super();
}
/**
* 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.addHeader("Cache-Control", "no-store, no-cache, must-revalidate");
response.addHeader("pragma", "no-cache");
response.addDateHeader("Expires", -1);
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
String lista="";
try {
DAODepartamento Consultar = new DAODepartamento();
//acceder al emtodo buscaCiudades con un parametro que seria el idciudad
ArrayList Funciones = Consultar.buscaFunciones(Integer.parseInt(request. getParameter("id").toString()));

lista = "\"" + "Funciones" + "\":" + "[";
for (int x = 0; x < Funciones.size(); x=x+2){
lista += "{" + "\"" + "id" + "\"" + ":" + Funciones.get(x).toString() +
"," + "\"" + "nombre" + "\"" + ":" + " \"" + Funciones.get(x+1) + "\"" + "}" + ",";
}
lista = lista.substring(0, lista.length() - 1);

} catch (Exception e) {
System.out.println("Error en servlet:");
e.printStackTrace();

} finally {
out.println("{" + lista + "]}");
out.close();
}
}

// <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>

}

JohnEdiSantDe · #4 (**permalink**) 17/07/2012, 18:07

Servlet de Empleado

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package controlador;

import datos.dao.DAOEmpleado;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
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.Empleado;

/**
*
* @author PC
*/
@WebServlet(name = "CtrlEmpleado", urlPatterns = {"/CtrlEmpleado"})
public class CtrlEmpleado 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");
String vista = null;
try {
String accion = request.getParameter("accion");
if (accion != null) {
if (accion.equals("Nuevo")) {
vista = "/jsp/empleado/RegistraEmpleado.jsp";
} else if (accion.equals("Guardar")) {

System.out.println("Entra a guardar");
Empleado empleado = new Empleado();
empleado.setRfc(request.getParameter("txtRfc"));
empleado.setNombreCom(request.getParameter("txtNom breCom"));
empleado.setPlaza(request.getParameter("txtPlaza") );
empleado.setOrigenPlaza(request.getParameter("cboO rigen"));
empleado.setTipoPlaza(request.getParameter("cboTip o"));
empleado.setDepartamento(request.getParameter("cbo Departamento"));
empleado.setFuncion(request.getParameter("cboFunci ones"));

if (empleado.getRfc().equals("")) {
request.setAttribute("mensaje", "Debes introducir digitos.");
vista = "/jsp/empleado/RegistraEmpleado.jsp";

} else if (empleado.getNombreCom().equals("")) {
request.setAttribute("mensaje", "Debes introducir digitos.");
vista = "/jsp/empleado/RegistraEmpleado.jsp";

} else {
if (new DAOEmpleado().buscarRfc(empleado) == true) {
request.setAttribute("mensaje", "El rfc ya existe");
vista = "/jsp/empleado/RegistraEmpleado.jsp";

} else {

try {
new DAOEmpleado().insert(empleado);
request.setAttribute("mensaje", "Inserción Correcta de Empleado");

} catch (Exception e) {
request.setAttribute("mensaje", "Error al Insertar Empleado");
}
vista = "/jsp/empleado/RegistraEmpleado.jsp";
}
}

} else if (accion.equals("Eliminar")) {

System.out.println("Entra a eliminar");
Empleado empleado = new Empleado();
empleado.setRfc(request.getParameter("cboRfc"));
if (new DAOEmpleado().existeClaveEmpleado(empleado) == false) {
request.setAttribute("mensaje", "No se puede eliminar el empleado");
vista = "/jsp/empleado/BajaEmpleado.jsp";
} else {
try {
new DAOEmpleado().delete(empleado);
request.setAttribute("mensaje", "Empleado eliminado");
} catch (Exception e) {
request.setAttribute("mensaje", "Error al eliminar politica");
}
vista = "/jsp/empleado/BajaEmpleado.jsp";
}

} else if (accion.equals("Modificar")) {
Empleado empleado = new Empleado();
empleado.setRfc(request.getParameter("txtRfc"));
empleado.setNombreCom(request.getParameter("txtNom breCom"));
empleado.setPlaza(request.getParameter("txtPlaza") );
empleado.setOrigenPlaza(request.getParameter("cboO rigen"));
empleado.setTipoPlaza(request.getParameter("cboTip o"));
empleado.setDepartamento(request.getParameter("cbo Departamento"));
empleado.setFuncion(request.getParameter("cboFunci ones"));

if (empleado.getNombreCom().equals("")) {
request.setAttribute("mensaje", "Error debe introducir un numero de empleado");
vista = "/jsp/empleado/ModificaEmpleado.jsp";

} else if (empleado.getPlaza().equals("")) {
request.setAttribute("mensaje", "Error debe introducir un usuario");
vista = "/jsp/empleado/ModificaEmpleado.jsp";

} else if (empleado.getOrigenPlaza().equals("Selecciona Puesto")) {
request.setAttribute("mensaje", "Error debe seleccionar un Puesto");
vista = "/jsp/empleado/ModificaEmpleado.jsp";

} else {

try {
new DAOEmpleado().update(empleado);
request.setAttribute("mensaje", "Empleado modificado");
} catch (Exception e) {
request.setAttribute("mensaje", "Error al Buscar Usuario");
}
vista = "/jsp/empleado/ModificaEmpleado.jsp";

}

} else if (accion.equals("Consultar")) {
String rfc = request.getParameter("cboRfc");

Empleado empleados = new Empleado();
empleados.setRfc(rfc);

try {
DAOEmpleado usuario = new DAOEmpleado();
empleados = usuario.getOneById(empleados);
request.setAttribute("empleado", empleados);
request.setAttribute("mensaje", "Empleado encontrado");
} catch (Exception e) {
request.setAttribute("mensaje", "Error al Consultar Usuario");
}
vista = "/jsp/empleado/ConsultaEmpleado.jsp";

} else if (accion.equals("Buscar")) {
String rfc = request.getParameter("cboRfc");

Empleado empleados = new Empleado();
empleados.setRfc(rfc);

try {
DAOEmpleado empleado = new DAOEmpleado();
empleados = empleado.getOneById(empleados);
request.setAttribute("empleado", empleados);
request.setAttribute("mensaje", "Empleado encontrado");
} catch (Exception e) {
request.setAttribute("mensaje", "Error al Buscar Empleado");
}
vista = "/jsp/empleado/ModificaEmpleado.jsp";

} else if (accion.equals("Aceptar")) {

vista = "/jsp/empleado/ConsultaEmpleado.jsp";

}
} else {
vista = "/jsp/empleado/ConsultaEmpleado.jsp";
}

request.setAttribute("vista", vista);
RequestDispatcher dispatcher;
dispatcher = request.getRequestDispatcher(vista);
dispatcher.forward(request, response);

} catch (Exception e) {
System.out.print("ERROR control: " + e.getMessage());
}

}

// <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>
}