asignar valor Json a travez de ajax

severicks · #1 (**permalink**) 15/01/2013, 18:09

Como puedo asignarle a a una variable de js un valor Json a travez de una funcion ajax?

es decir, tengo un archivo .php que realizar un query a una base de datos, luego los resultados los convierte a Json, como puedo asignar esos datos a una variable de js a usando la funcion de ajax de jquery?

Les agredeceria cualquier sugerencia

David · #2 (**permalink**) 15/01/2013, 19:13

Con la opción dataType: 'json' la respuesta se evalua como JSON, así puedes obtener el valor
Véase: http://api.jquery.com/jQuery.ajax/

severicks · #3 (**permalink**) 15/01/2013, 22:50

entonces en teoria si tengo estos codigos:

archivo query.php:

Código PHP:

  <?php 
    $event1 = array('title'=>'Jimmy\'s Birthday','start'=>'2009-08-01','end'=>'2009-08-01','location'=>''); 
    $event2 = array('title'=>'E-Waste Recycle Day','start'=>'2009-08-12','end'=>'2009-08-13','location'=>''); 
     
    $events = array($event1,$event2); 
    echo json_encode($events); 
?>

y este otro dentro de <head>

Código HTML:

<script>
    $("#searchButton").click(function() { 
		var Json = $.ajax({
                     dataType: "json",
                     url: query.php,
                     data: data,
                     success: success
                });
	});
</script>

con esto, al hacer click en el boton con id=searchButton la variable Json deberia ser igual a la misma variable $events que tenia en mi php o me equivoco? la verdad soy bastante nuevo en js y aun mas en jquery

David · #4 (**permalink**) 16/01/2013, 05:35

Revisa bien la documentación. En la variable Json lo que tendrás es el objeto XHR.

Debes usar el callback success para obtener los datos recibidos con la petición.

angelsds · #5 (**permalink**) 16/01/2013, 08:33

Cita:

Iniciado por severicks

Como puedo asignarle a a una variable de js un valor Json a travez de una funcion ajax?

es decir, tengo un archivo .php que realizar un query a una base de datos, luego los resultados los convierte a Json, como puedo asignar esos datos a una variable de js a usando la funcion de ajax de jquery?

Les agredeceria cualquier sugerencia

exactamente qué quieres hacer con el resultado del query?

severicks · #6 (**permalink**) 16/01/2013, 09:27

lo que intento hacer es un calendario de eventos con base a esta herramienta que esta hecha en mootols, el problema es que su funcion de ajax casi no tiene documentacion y no he logrado que funcione, asi que estoy intentando hacer la parte de ajax con jquery ya que lo conozco un poco mas que mootols. Segun la poca documentacion de esa herramienta, solo necesitaria una variable que contenga un objeto Json con los eventos en el formato adecuado.

angelsds · #7 (**permalink**) 16/01/2013, 09:51

no me respondiste nada con esa pregunta, pero puedes trabajar el $ajax así:

Código HTML:

<script>
    $("#searchButton").click(function() { 
	             $.ajax({
                     dataType: "json",
                     url: query.php,
                     data: data,
                     success: function(datos) {

                           if (datos.loquesea){
                              xxxx  }
                           }


                });
	});
</script>

en el ejemplo que te puse sucess se ejecuta si el $ajax fue exitoso, el if es un ejemplo de que puedes usar el arreglo json como mas lo necesites simplemente
donde dice datos pones la variable que mas gustes y la concatenas con el nombre del arreglo json puede ser en tu caso datos.dia datos.mes datos.año depende de la cantidad de arreglos que traigas y como los quieras trabajar, espero que te sirva de algo

PD: incluso puedes ejecutar un $ajax dentro del primer $ajax