Valores de MySQL/PHP en Javascript JSON

enriqueBr · #1 (**permalink**) 09/05/2014, 09:26

Hola chicos,

Pues estoy casi arrancandome los pelos por esta situación que realmente no hallo como por donde atacarla.

Les cuento, tengo un archivo .php (connect.php), de donde hago una consulta en MySQL y quiero pasar ese archivo a otro archivo (prueba.php) para allí ocuparlo en un script que tengo. Lo que pasa esq el php si hace el encode y todo, y al imprimirlo, si impirme el array, el problema esq no lo está recibiendo en la otra página, y por lo mismo no logro desplegarlos de ninguna manera (OJO: es un array con varios objetos JSON).

Aquí pongo los códigos que he estado ocupando:

connect.php

Código:

<?php
mysql_connect('localhost', 'root', '') or die (mysql_error());
mysql_select_db('dbexample') or die (mysql_error());
$data = mysql_query("SELECT * FROM lugares") 
or die(mysql_error()); 
$arr = array();
while ($obj = mysql_fetch_object($data)) {
   $arr[] = array('latt' => $obj->latt,
               'lng' => $obj->long,
               'nombre' => $obj->nombre,
               'direccion' => $obj->direccion,
    );
 }
 echo '{"users":'.json_encode($arr).'}';
 ?>

prueba.php

Código:

		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
		<html xmlns="http://www.w3.org/1999/xhtml">
		<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script src="js/jquery.min.js"></script>
		 <script type="text/javascript">
		$(document).ready(function(){
		  $.ajax({
				type: "POST",
				url:"connect.php",
				dataType: "json",
				async: true,
				success: function(datos){
					var dataJson = $.parseJSON(datos);
					for(var i in dataJson){
                    alert(dataJson[i].users.latt + " _ " + dataJson[i].users.lng + " _ " + dataJson[i].users.nombre);
                },

				},
				error: function (obj, error, objError){
					//avisar que ocurrió un error
				}
		});
		});
    </script>
		</head>
		 
		<body>
		<p>Super freak</p>
		</body>
		</html>

Cualquier ayuda, cualquiera.. será muy bien recibida y agradecida.

Gracias,
Saludos!

Hufex · #2 (**permalink**) 09/05/2014, 10:12

hola que tal, te dejo un codigo como yo manejo ajax con jquery y json

Código Javascript:

Ver original$.ajax({
        url: "class/dominio/buscarcliente.php",
        type: "POST",
        data: { clave: $("#clave").val() }
        }).done(function(msg) {
                var obj = jQuery.parseJSON(msg);
                if(obj.nombre==null){
                    $("#dato").html("<b>CLIENTE NO LOCALIZADO </b>");
                    $("#dato").addClass("ui-state-error-text")
                    return;
                }
                $("#dato").removeClass("ui-state-error-text")
                $("#dato").html("<b>"+ obj.nombre +"</b>");
                $("#precio5").val(obj.precio5);
                $("#precio25").val(obj.precio25);
            });

veras unas diferencias, yo no uso dataType: "json", async: true y uso done aun que es lo mismo que success, pero lo indico de diferente manera mas como un método que un parámetroy bueno tambien inicializo jquery con $(function(){}); en lugar de $(document).ready(function(){}) esas son las diferencias que ver , pero asi me ha funcionado hasta hora y sin problemas. igual seria bueno colocar un alert para ver si esta esta regresando los valores correctamente
suerte

enriqueBr · #3 (**permalink**) 09/05/2014, 10:25

Es solo 1 valor el q regresas vdd? Esq yo quiero regresar varios, supongo un for funcionaría?

Otra cosa, el #clave para q se usa? o el #dato? Los envías en tu otra clase? el url es de la clase de donde estás exportando? o el nombre de la clase donde está el $.ajax?

Slaudos y muchísimas gracias!

Hufex · #4 (**permalink**) 09/05/2014, 10:48

Código Javascript:

Ver original$("#dato").html("<b>CLIENTE NO LOCALIZADO </b>");

es un div para mostrar datos del mi cliente y

Código Javascript:

Ver originalclave: $("#clave").val()

es un texbox donde capturo la clave de mi cliente y si, debes tener un for si son varios campos

Código Javascript:

Ver original$(function(){
                $( "#txtFechaInicial, #txtFechaFinal" ).datepicker({ dateFormat: "yy-mm-dd" });
                $("#btnMostrar").click(function(){
                    $("#Table tbody").empty();
                    $("#Table tbody").append("<tr></tr>")
                    $.LoadData($("#Table"),true,true);
                    $.ajax({type:"POST",url:"class/dominio/cargarHinvext.php",data:{"fechainicial":$("#txtFechaInicial").val(),"fechafinal":$("#txtFechaFinal").val()}}).success(function(msg){
                        var obj = jQuery.parseJSON(msg);
                    for(var i=0;i<obj.length;i++){
                        for(var j=0;j<obj[i].length;j++){
                            $("#Table tr:last").append("<td>"+obj[i][j]+"</td>")
                        }
                        $("#Table").append("<tr></tr>")}
                        $.LoadData($("#Table"),false);
                    })
                });
            });

te dejo un codigo donde cargo dinamicamente una tabla haciendo una consulta de fechas

enriqueBr · #5 (**permalink**) 12/05/2014, 14:47

Ok, cambié el enfoque y demás y nada, siguen sin desplegarlo.. ya leí tu ejemplo y lo apliqué y en algo estoy fallando miserablemente. Estoy a punto de arrancarme los pelos de la cabeza.

Muestro mi avance al momento.

connect.php

Código:

<?php
$link = mysql_pconnect("localhost", "root", "") or die("Could not connect");
mysql_select_db("porveracruz") or die("Could not select database");
 
$arr = array();
 
$rs = mysql_query("SELECT * FROM lugares");
 
while($obj = mysql_fetch_object($rs)) {
$arr[] = $obj;
}
echo '{"lugar":'.json_encode($arr).'}';
?>

prueba.html

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery PHP Json Response</title>
<style type="text/css">
div
{
text-align:center;
padding:10px;
}
 
#msg {
width: 500px;
margin: 0px auto;
}
.lugar {
width: 500px ;
background-color: beige;
}
</style>
</head>
<body>
<div id="msg">
<table id="userdata" border="1">
<thead>
<th>Id</th>
<th>First Name</th>
<th>Surname</th>
<th>Title</th> 
</thead>
<tbody></tbody>
</table>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script type="text/javascript">
 
$(document).ready(function(){
var url="connect.php";
$("#userdata tbody").html("");
$.getJSON(url,function(data){
$.each(data.lugar, function(i,user){
var tblRow =
"<tr>"
+"<td>"+user.latt+"</td>"
+"<td>"+user.long+"</td>"
+"<td>"+user.nombre+"</td>"
+"<td>"+user.direccion+"</td>"
+"</tr>" ;
$(tblRow).appendTo("#userdata tbody");
});
});
});
 
</script>
</body>
</html>

Cualquier cosa, me ayudaría en este momento.