No puedo Mostar Mensajes de Error con echo.

thalx · #1 (**permalink**) 14/09/2016, 14:00

Hola que tal tengo un problema y no se como resolverlo.
Tengo un archivo en php y muestro un formulario con modal y utilizo Ajax, para ingresar datos a mysql o modificarlos o eliminarlos.
Esto lo hago en un archivo también php, pero antes de ingresar la información, hago una comparacion y si encuenmtro que la serie que se quiere ingresar esta activa, quiero mostrar un mensaje de error. Intente con echo, pero no imprime nada ya que como utilizo una ventana modal esta se recarga , así mismo intente cambiar la pagina y mostrar el error pero tampoco me deja.
Pego el codigo de mi archivo y espero me puedan ayudar ....
Hago mension que ..El script funciona sin problemas agrega los datos

Código:

function objetoAjax(){
	var xmlhttp=false;
	try{
		xmlhttp= new ActiveXObject("Msxml2.XMLHTTP");
	}catch(e){
		try{
			xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
		}catch(E){
			xmlhttp=false;
		}
	}
	if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

function Registrar(idO,accion){
	
	categoria 	= document.frmObjetos.categoria.value;
	nombre 		= document.frmObjetos.nombre.value;
	marca 		= document.frmObjetos.marca.value;
	modelo 		= document.frmObjetos.modelo.value;
	serie 		= document.frmObjetos.serie.value;
	ubicacion 	= document.frmObjetos.ubicacion.value;
	user	 	= document.frmObjetos.user.value;
	
	ajax = objetoAjax();
	
	if(accion == 'N'){	
		ajax.open("POST", "clases/registraObjeto.php",true);
	}else if(accion == 'E'){
		ajax.open("POST", "clases/actualizaObjeto.php",true);
	}
	
	ajax.onreadystatechange=function() {
		if(ajax.readyState==4){
			alert('Datos de Usuario Guardados con Exito.');
			window.location.reload();
			Limpiar();			
		}
	}
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	ajax.send("marca="+marca+"&modelo="+modelo+"&serie="+serie+"&idO="+idO+"&categoria="+categoria+"&ubicacion="+ubicacion+"&nombre="+nombre+"&user="+user);
	
}

function Eliminar(idO){
	if(confirm("Esta Seguro de Eliminar el Objetol?")){
		
		ajax = objetoAjax();
		ajax.open("POST", "clases/eliminarObjeto.php",true);
		ajax.onreadystatechange=function() {
			if(ajax.readyState==4){
				alert('Usuario Eliminado.');
				window.location.reload();
			}
		}
		ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		ajax.send("idO="+idO);
	}else{
	
	}
}

function RegCRT(accion){
	divResultado = document.getElementById('resultado');
	var campo;
	var variable = new Array();
	var tabla = document.getElementById("tabla").value;
	var ido = document.frmCaract.ido.value;
	var idca = document.frmCaract.idca.value;
	var conca = document.frmCaract.conca.value;
	var res = conca.split("+");
	for (var i = 0; i<res.length-1; i++) {
		campo = res[i];
		variable[i] = document.getElementById(campo).value;
		document.getElementById(campo).value='';
	}
	
	
	ajax = objetoAjax();
	
	if(accion == 'N'){	
		ajax.open("POST", "clases/registraCO.php",true);
	}else if(accion == 'E'){
		ajax.open("POST", "clases/actualizaCO.php",true);
	}
	
	ajax.onreadystatechange=function() {
		if(ajax.readyState==4){
			if(accion == 'N'){	
				window.location="objetos.php";
			}else if(accion == 'E'){
				alert('Datos de Usuario Guardados con Exito.');
				window.location.reload();
			}
		}
	}
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	ajax.send("tabla="+tabla+"&conca="+conca+"&variable="+variable+"&ido="+ido+"&idca="+idca);
	
}

function EliminarCA(idCA,tabla,idO){
	if(confirm("Esta Seguro de Eliminar la Característica del Objeto?")){
		
		ajax = objetoAjax();
		ajax.open("POST", "clases/eliminarCO.php",true);
		ajax.onreadystatechange=function() {
			if(ajax.readyState==4){
				alert('Usuario Eliminado.');
				window.location="objetos.php";
			}
		}
		ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		ajax.send("tabla="+tabla+"&idCA="+idCA+"&idO="+idO);
	}else{
	
	}
}


function Limpiar(){
	document.frmObjetos.nombre.value='';
	document.frmObjetos.puesto.value='';
	document.frmObjetos.ubicacion.value='';
}

ahi paso las variables a este archivo donde hago la comparacion y donde quiero mandar el mensaje de error:

Código PHP:

  <?php 
 
    include ('../Librerias/stdio.inc.php'); 
     
    $nombre     = $_POST["nombre"]; 
    $categoria     = $_POST["categoria"]; 
    $marca         = $_POST["marca"]; 
    $modelo     = $_POST["modelo"]; 
    $serie         = $_POST["serie"]; 
    $ubicacion     = $_POST["ubicacion"]; 
    $user         = $_POST["user"]; 
     
    $conn = conexion(); 
    $REP="Select * from objeto where(serie=$serie and visible!=0)"; 
    $rre = mysqli_query($conn, $REP); if (!$rre) die("Error Objeto Repetido." . mysqli_errno($conn)); 
    if($row_cnt = mysqli_num_rows($rre) > 0){ 
            echo "<script>window.location='Error.php;</script>"; 
            die(); 
    }else{ 
    $INS="INSERT INTO objeto values(0,$categoria,0,'$nombre','$marca','$modelo','$serie','$ubicacion',$user,1)"; 
    $rin = mysqli_query($conn, $INS); if (!$rin) die("Error en la insercion de Objeto Nuevo." . mysqli_errno($conn)); 
    } 
 
?>

manuparquegiralda · #2 (**permalink**) 15/09/2016, 04:53

A ver, no se te muestra el mensaje de error con un echo ya que ajax trabaja de modo asíncrono, es decir, estás enviando peticiones al servidor en segundo plano y un echo lo que hace es imprimirte en pantalla cuando el navegador está cargando la página. No sé si me he explicado bien, pero intentaré ponerte un ejemplo de como yo lo haría:

Código Javascript:

Ver originalfunction Registrar(idO, accion){
    
    var categoria = document.frmObjetos.categoria.value;
    var nombre = document.frmObjetos.nombre.value;
    var marca = document.frmObjetos.marca.value;
    var modelo = document.frmObjetos.modelo.value;
    var serie = document.frmObjetos.serie.value;
    var ubicacion   = document.frmObjetos.ubicacion.value;
    var user = document.frmObjetos.user.value;
    
        /* CREAS OBJETO AJAX */
    var xhr = new XMLHttpRequest();
 
        /* DATOS DEL FORMULARIO AL OBJETO AJAX */
    var data = new FormData();
    data.append("categoria",categoria);
    data.append("nombre",nombre);
    data.append("marca",marca);
    data.append("modelo",modelo);
    data.append("serie",serie);
    data.append("ubicacion",ubicacion);
    data.append("user",user);
        
    /* SI HAY UN ERROR */
    xhr.addEventListener("error", function(e){
        alert("Hubo un error en la petición");
    }, false);
 
    /* REGISTRO TERMINADO */
    xhr.addEventListener("load", function(e){
        var EVAL = eval;
        var r = xhr.responseText;
        var o = EVAL("("+r+")");
 
 
                /* SI TODO ESTÁ OK */
        if(o.estado === "OK"){   
            alert('Los datos de '+o.nombre+' se guardarón exitosamente.');
            Limpiar();
        }
 
 
                /* SI HAY QUE MOSTRAR UN ERROR */
                if(o.estado === "KO"){ 
            alert(o.alerta);
        }       
    });
 
    /* ENVIAMOS EL FORMULARIO */
    
    if(accion === 'N'){ 
                xhr.open('POST', '/clases/registraObjeto.php');
    }else if(accion === 'E'){
                xhr.open('POST', '/clases/actualizaObjeto.php');
    }
    
    xhr.send(data); 
}

Como puedes ver la función de registro la cambio levemente y utilizo un formData para enviar el formulario. La gran diferencia está en la respuesta. Si bien no ibas mal encaminado con lo de usar un echo, el echo no te va a funcionar como cuando cargas una página en el navegador, sino que sera el objeto xhr.responseText lo que te traiga el texto que imprime el script al que estás accediendo por AJAX.

En este caso para tener más control sobre la respuesta, en el script de PHP lo que haré será imprimir con un echo una clase codificada en json que javascript evaluará, de esta manera podemos devolver muchos datos diferentes y podemos controlarlos. Te he cambiado la alerta en caso de éxito para que veas las posibilidades. Por ejemplo:

Código PHP:

Ver original<?php 
    
    /* CLASE DE RESPUESTA  (TANTAS VARIABLES COMO QUERAMOS) */
    class Respuesta {
        public $estado;
        public $alerta;
        public $nombre;
    }
 
    /* INSTANCIAMOS LA CLASE */
    $OBJ_RESPONSE = new Respuesta();
 
    include ('../Librerias/stdio.inc.php'); 
     
    $nombre     = $_POST["nombre"]; 
    $categoria     = $_POST["categoria"]; 
    $marca         = $_POST["marca"]; 
    $modelo     = $_POST["modelo"]; 
    $serie         = $_POST["serie"]; 
    $ubicacion     = $_POST["ubicacion"]; 
    $user         = $_POST["user"]; 
     
    $conn = conexion(); 
    $REP="Select * from objeto where(serie=$serie and visible!=0)"; 
    $rre = mysqli_query($conn, $REP); 
 
    if (!$rre){
            /* RESPUESTA AJAX CON ESTADO KO PARA DETERMINAR ERROR */
            $OBJ_RESPONSE->estado = "KO";
            $OBJ_RESPONSE->alerta = "Error Objeto Repetido".mysqli_errno($conn) ;
            echo json_encode($OBJ_RESPONSE);
            die(); 
    } 
 
 
    if($row_cnt = mysqli_num_rows($rre) > 0){ 
            /* RESPUESTA AJAX CON ESTADO KO PARA DETERMINAR ERROR */
            $OBJ_RESPONSE->estado = "KO";
            $OBJ_RESPONSE->alerta = "Error.php";
            echo json_encode($OBJ_RESPONSE);
            die(); 
    }else{ 
            $INS="INSERT INTO objeto values(0,$categoria,0,'$nombre','$marca','$modelo','$serie','$ubicacion',$user,1)"; 
            $rin = mysqli_query($conn, $INS);
 
            if (!$rin){
                 /* RESPUESTA AJAX CON ESTADO KO PARA DETERMINAR ERROR */
                 $OBJ_RESPONSE->estado = "KO";
                 $OBJ_RESPONSE->alerta = "Error en la insercion de Objeto Nuevo." . mysqli_errno($conn);
                 echo json_encode($OBJ_RESPONSE);
                 die();
            }
    } 
 
    /* RESPUESTA AJAX CON ESTADO OK PARA DETERMINAR QUE TODO ESTÁ CORRECTO Y LE PASAMOS EL NOMBRE PARA PERSONALIZAR LA RESPUESTA COMO EJEMPLO */
    $OBJ_RESPONSE->estado = "OK";
    $OBJ_RESPONSE->nombre = $nombre;
    echo json_encode($OBJ_RESPONSE);
 
?>

Como puedes ver lo que queremos devolverle a la peticion ajax en javascript lo hacemos por medio de un echo. No necesariamente tiene que ser una clase PHP, el responseText de javascript, recibirá cualquier cosa que este impresa en la pantalla, ya puede ser un echo en PHP como código HTML, es decir, recibirá cualquier cosa que tu verías en un navegador. En este caso enviamos un objeto PHP codificado para poder evaluarlo en javascript. El objeto puede ser como tu quieras con tantas variables como desees para poder recibir tantos datos separados como quieras. Eso sí, javascript no te evaluará métodos de la clase PHP por si se te ocurre hacerlo.

Como buena práctica, utiliza siempre la palabra VAR para declarar variables dentro de funciones javascript ya que si no lo haces esas variables tendrán caracter global y no estarán solo dentro del contexto de la función y puede ocasionarte problemas. Yo y esto es algo personal aconsejo usar el menor número de variables globales en javascript.

Espero haberte ayudado, un saludo.

thalx · #3 (**permalink**) 15/09/2016, 11:18

Hola manuparquegiralda, te agradezco por tu respuesta, la probare y mil gracias por los consejos.

Saludos.

thalx · #4 (**permalink**) 28/09/2016, 11:06

Hola manuparquegiralda, mil disulpas por responder hasta ahora, pero he tenido unos dias algo malos, pero bueno.....

Veras he probado el codigo que me haces favor de poner como respuesta y lo he probado pero no hace nada .... no inserta no da ningun tipo de mensaje ....

Intente generar un error quitando la conexion a la base de datos para que saliera el mensaje de error de conexion con Mysql, pero aun eso nada.

Podrias ayudarme un poca mas, por favor.

Saludos.