unijimpe » JSON http://blog.unijimpe.net Desarrollo Web, SEO, Adsense Mon, 28 Nov 2011 03:18:21 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Acortar URLs con bit.ly y PHPhttp://blog.unijimpe.net/acortar-urls-con-bit-ly-y-php/ http://blog.unijimpe.net/acortar-urls-con-bit-ly-y-php/#comments Mon, 20 Jul 2009 05:09:03 +0000 unijimpe http://blog.unijimpe.net/?p=1062 Bit.ly es uno de los servicios de acortamiento mas innovadores por que además de acortar el URL brinda estadísticas de accesos y un historial de enlaces acortados. Bit.ly además tiene un API mediante el cual se …

]]> Bit.ly es uno de los servicios de acortamiento mas innovadores por que además de acortar el URL brinda estadísticas de accesos y un historial de enlaces acortados. Bit.ly además tiene un API mediante el cual se pueden generar dinámicamente los URLs acortados.

bit.ly

Para una versión actualizada de este artículo pueden leer: Acortar URLs con PHP y API Bit.ly

API del Bit.ly
Este API brinda metodos para acortar y expandir URLs, ver estadisticas y datos del URL. Para mayor información pueden leer API Libraries and Documentation for bit.ly. Para hacer uso de esta API es necesario tener una cuenta la cual es gratuita.

Para acortar un URL se puede utilizar el método shorten, para ello se puede acceder a un URL donde url es el URL que se desea acortar, user es tu nombre de usuario de bit.ly y key es nu API Key:

http://api.bit.ly/shorten?version=2.0.1&longUrl=url&login=user&apiKey=key

Esto nos devolverá el resultado formateado en JSON, en donde tenemos el estado de la solicitud, los datos del URL sin acortar y acortado.

  1. {
  2.     "errorCode": 0,
  3.     "errorMessage": "",
  4.     "results": {
  5.         "http://blog.unijimpe.net": {
  6.             "hash": "13dmBF",
  7.             "shortKeywordUrl": "",
  8.             "shortUrl": "http://bit.ly/5CcBM",
  9.             "userHash": "5CcBM"
  10.         }
  11.     },
  12.     "statusCode": "OK"
  13. }

Entonces podemos utilizar la librería JSON.php de la cual hemos comentado en JSON con PHP, entonces crearemos una función llamada getShortenURL que recibirá el URL y lo acortará.

  1. require_once("JSON.php");
  2.  
  3. function getShortURL($url) {
  4.     $user  = "username";
  5.     $akey  = "apikey";
  6.     $path  = "http://api.bit.ly/shorten?version=2.0.1";
  7.     $bitly = $path."&longUrl=".urlencode($url)."&login=".$user."&apiKey=".$akey;   
  8.     $data = file_get_contents($bitly);
  9.  
  10.     $json = new Services_JSON();
  11.     $obj = $json->decode($data);
  12.  
  13.     if ($obj->errorCode == 0) {
  14.         return $obj->results->$url->shortUrl;
  15.     } else {
  16.         return false;
  17.     }
  18. }

Finalmente podemos hacer uso de esta función de manera sencilla como podemos ver a continuación:

  1. $longURL = "http://blog.unijimpe.net";
  2. echo "Long: ".$longURL."<br>";
  3. echo "Short: ".getShortURL($longURL);

Esta función les puede ser útil si desean acortar URLs para luego enviarlas a Twitter o que estén disponibles para dispositivos móviles o enviados por SMS donde hay limitaciones en la cantidad de caracteres utilizados.

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.


]]> http://blog.unijimpe.net/acortar-urls-con-bit-ly-y-php/feed/ 4 Ranking Delicious con PHPhttp://blog.unijimpe.net/ranking-delicious-con-php/ http://blog.unijimpe.net/ranking-delicious-con-php/#comments Thu, 16 Jul 2009 04:06:01 +0000 unijimpe http://blog.unijimpe.net/?p=1059 Delicious en un servicio de Bookmarks Online gratuito el cual es muy popular entre los usuarios. Una medida de la popularidad de web es la cantidad de enlaces que han sido guardados en Delicious. Veamos …

]]> Delicious en un servicio de Bookmarks Online gratuito el cual es muy popular entre los usuarios. Una medida de la popularidad de web es la cantidad de enlaces que han sido guardados en Delicious. Veamos una forma de extraer esta información con PHP.

delicious

API de Delicious
Delicious brinda una completa API para extraer información de acuerdo a nuestras necesidades, esta información se devuelve en formato XML o JSON la cual esta muy bien documentada en Delicious data feeds for news readers and third-party applications.

Para obtener los datos de una URL, podemos acceder al siguiente URL, donde el URL se ha codificado en formato MD5:

  1. http://feeds.delicious.com/v2/json/urlinfo/{url md5}

Obteniendo la información
Entonces primero creamos el URL de la consulta y luego leemos los datos haciendo uso de la función file_get_contents. Como esta información es devuelta en formato JSON utilizaremos la librería JSON.php de la cual comentamos en JSON con PHP.

  1. require_once("JSON.php");
  2. $url = md5("http://blog.unijimpe.net/");
  3. $path = "http://feeds.delicious.com/v2/json/urlinfo/";
  4. $data = file_get_contents($path.$url);
  5.  
  6. $json = new Services_JSON();
  7. $obj = $json->decode($data);
  8.  
  9. print_r($obj);

Con lo cual obtenemos los datos del web consultado como un objeto, en este script hemos impreso los resultados utilizando la función print_r, el cual devuelve lo siguiente:

  1. Array (
  2.     [0] => stdClass Object (
  3.             [hash] => 4862ec49f2b5db5467035c90e83c156b
  4.             [title] => unijimpe
  5.             [url] => http://blog.unijimpe.net/
  6.             [total_posts] => 185
  7.             [top_tags] => stdClass Object (
  8.                     [php] => 87
  9.                     [css] => 56
  10.                     [blog] => 56
  11.                     [flash] => 41
  12.                     [wordpress] => 40
  13.                     [javascript] => 39
  14.                     [blogs] => 36
  15.                     [actionscript] => 36
  16.                     [web] => 30
  17.                     [tutorial] => 27
  18.                 )
  19.         )
  20. )

Finalizando
Hemos logrado extraer la información que necesitamos, el siguiente paso es crear una función que se encargue de este proceso la cual llamaremos getDelicious el cual recibe como parámetro del URL que deseamos consultar.

  1. require_once("JSON.php");
  2.  
  3. function getDelicious($url) {
  4.     $path = "http://feeds.delicious.com/v2/json/urlinfo/";
  5.     $data = file_get_contents($path.md5($url));
  6.     $json = new Services_JSON();
  7.     $obj = $json->decode($data);
  8.     return $obj[0];
  9. }
  10.  
  11. $item = getDelicious($_GET['url']);
  12.  
  13. echo "Titulo: " . $item->title. "<br>";
  14. echo "URL: " . $item->url. "<br>";
  15. echo "Total: " . $item->total_posts. "<br>";

Este script recibe el URL a consultar como un parámetro GET, pueden ver el ejemplo funcionando en: delicious. Como pueden ver este blog actualmente tiene 185 enlaces en Delicious, pueden cambiar el URL de la consulta para consultar otro dominio.

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.


]]> http://blog.unijimpe.net/ranking-delicious-con-php/feed/ 3 JSON con PHPhttp://blog.unijimpe.net/json-con-php/ http://blog.unijimpe.net/json-con-php/#comments Sun, 14 Jun 2009 17:16:51 +0000 unijimpe http://blog.unijimpe.net/?p=1049 JSON es un formato de intercambio de información muy practico pues se puede compartir datos como si fueran objetos, originalmente pensado para usarse con Javascript hoy veremos la forma de utilizarlo con PHP.

Como utilizar JSON …

]]> JSON es un formato de intercambio de información muy practico pues se puede compartir datos como si fueran objetos, originalmente pensado para usarse con Javascript hoy veremos la forma de utilizarlo con PHP.

json-php

Como utilizar JSON con PHP
Si estamos utilizando PHP4 necesitaremos una clase que encargue de codificar/decodificar los datos en formato JSON. Para ello descargamos la clase JSON.php. Luego de ello la incluimos en nuestro archivo y la inicializamos llamando a Services_JSON para luego decodificar los datos con el método decode.

  1. require_once("JSON.php");
  2. $json = new Services_JSON;
  3. $obj = $json->decode($data)

Ejemplo de uso
Para desarrollar nuestro ejemplo, obtendremos los datos de Google AJAX Search API, el cual es un servicio que nos utilizar los resultados de búsqueda de Google y devuelve los datos en JSON. Para ello si deseamos obtener los datos de la búsqueda de la palabra 'Google' podremos acceder a http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=Google, el cual devolverá los resultados en el siguiente formato:

  1. {"responseData":
  2. { "results": [
  3.   {
  4.    "GsearchResultClass": "GwebSearch",
  5.    "unescapedUrl": "http://en.wikipedia.org/wiki/Paris_Hilton",
  6.    "url": "http://en.wikipedia.org/wiki/Paris_Hilton",
  7.    "visibleUrl": "en.wikipedia.org",
  8.    "cacheUrl": "http://www.google.com/search?...",
  9.    "title": "\u003cb\u003eParis Hilton\u003c/b\u003e",
  10.    "titleNoFormatting": "Paris Hilton",
  11.    "content": "In 2006, she released her debut..."
  12.   },
  13.   {
  14.    "GsearchResultClass": "GwebSearch",
  15.    "unescapedUrl": "http://www.imdb.com/name/nm0385296/",
  16.    "url": "http://www.imdb.com/name/nm0385296/",
  17.    "visibleUrl": "www.imdb.com",
  18.    "cacheUrl": "http://www.google.com/search?...",
  19.    "title": "\u003cb\u003eParis Hilton\u003c/b\u003e",
  20.    "titleNoFormatting": "Paris Hilton",
  21.    "content": "Self: Zoolander. Socialite..."
  22.   },
  23.   ...
  24.  ],
  25.  "cursor": {
  26.   "pages": [
  27.    { "start": "0", "label": 1 },
  28.    { "start": "4", "label": 2 },
  29.    { "start": "8", "label": 3 },
  30.    { "start": "12","label": 4 }
  31.   ],
  32.   "estimatedResultCount": "59600000",
  33.   "currentPageIndex": 0,
  34.   "moreResultsUrl": "http://www.google.com/search?..."
  35.  }
  36. }, 200, null)
  37. }

Como pueden ver, toda la información esta estructurada como un objeto con lo cual es muy sencillo de acceder a todos los elementos como veremos a continuación.

Ahora el siguiente paso es obtener los datos de la ruta indicada y decodificarlas para posteriormente mostrarlas en nuestro HTML. Nótese que para hacer uso de este servicio es necesario tener un key, el cual es gratuito y lo pueden obtener en Sign-up for an AJAX Search API Key.

  1. require_once("JSON.php");   
  2. // read data
  3. $aQue = "Google";
  4. $aKey = "TU_API_KEY";
  5. $aUrl = "http://ajax.googleapis.com/ajax/services/search/web";
  6. if (isset($_GET['q'])){
  7.    $aQue = urlencode($_GET['q']);
  8. }
  9. $data = file_get_contents($aUrl."?v=1.0&key=".$aKey."&q=".$aQue);
  10. // decode data
  11. $json = new Services_JSON;
  12. $obj = $json->decode($data);

Hasta este punto tenemos los datos en la variable $obj, luego en el cuerpo de nuestro html hacemos un recorrido por cada elemento de los resultados. Como se puede ver en el siguiente código se accede a los elementos como objetos de manera sencilla.

  1. $results = $obj->responseData->results;
  2. for ($i=0; $i<sizeof($results); $i++) {
  3.     $tmp = $results[$i];
  4.     $tmpHTML.= "<a href=\"".$tmp->url."\">".$tmp->title."</a>";
  5.     $tmpHTML.= "<br />".$tmp->content."<br/>";
  6.     $tmpHTML.= "<i>".$tmp->url."</i><br /><br />";
  7. }
  8. echo $tmpHTML;

Podemos mejorar nuestro ejemplo si le agregamos una caja de texto para que ingrese su búsqueda y además de una hoja de estilos para que se vean mejor los resultados, con lo cual obtenemos /json/php.php.

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.


]]> http://blog.unijimpe.net/json-con-php/feed/ 9 Online JSON Parserhttp://blog.unijimpe.net/online-json-parser/ http://blog.unijimpe.net/online-json-parser/#comments Sun, 08 Mar 2009 00:55:08 +0000 unijimpe http://blog.unijimpe.net/?p=987 Para los que desarrollan aplicaciones en donde la información se formatea en JSON que como es un formato de texto plano es muy difícil leer rápidamente el contenido del JSON. Para ello les presentamos una herramienta …

]]> Para los que desarrollan aplicaciones en donde la información se formatea en JSON que como es un formato de texto plano es muy difícil leer rápidamente el contenido del JSON. Para ello les presentamos una herramienta gratuita Online JSON Parser que les permitirá formatear automáticamente el contenido JSON para interpretarlo rápidamente.

jsonparser

Esta herramienta toma un texto que se ingresa y lo interpreta como un objeto JSON, luego de ello formatea el contenido y lo muestra según el tipo de dato y tabula si es que hay varios niveles de contenido. Otra de las cualidades interesantes es que verifica la sintaxis y resalta la parte que contiene errores de sintaxis.

jsonparser-screen

Definitivamente una herramienta sencilla de utilizar pero muy practica y util para los que utilizamos JSON como formato para intercambio de información.

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.


]]> http://blog.unijimpe.net/online-json-parser/feed/ 2 Crear JSON con PHPhttp://blog.unijimpe.net/crear-json-con-php/ http://blog.unijimpe.net/crear-json-con-php/#comments Mon, 24 Nov 2008 03:43:16 +0000 unijimpe http://blog.unijimpe.net/?p=971 JSON (JavaScript Object Notation) el formato de intercambio de datos basado en objetos javascript es ampliamente utilizado por la facilidad para codificar y decodificar y por su poco tamaño, en esta ocasión presentamos la …

]]> JSON (JavaScript Object Notation) el formato de intercambio de datos basado en objetos javascript es ampliamente utilizado por la facilidad para codificar y decodificar y por su poco tamaño, en esta ocasión presentamos la forma de generar estos datos con PHP.

JSON con PHP4

En PHP4 JSON no es manejado nativamente por lo cual necesitamos una clase, para ello tenemos JSON.php una clase escrita por Michal Migurski el cual tiene dos métodos encode y decode para manipular rápidamente datos en formato JSON.

Entonces para utilizar esta clase, la incluimos al inicio de nuestro script, y creamos una variable de la clase Services_JSON, luego de ello creamos un array con la información que deseamos codificar y luego utilizamos el método encode.

  1. require_once("JSON.php");   
  2. $json = new Services_JSON;
  3. $data = array("nombre" => "Albert", "apellido" => "Camus");
  4. echo $json->encode($data);

Esto es con un array sencillo, veamos si utilizamos un array multidimensional, por ejemplo un listado de autores.

  1. require_once("JSON.php");   
  2. $json = new Services_JSON;
  3. $data[0] = array("nombre" => "Albert", "apellido" => "Camus");
  4. $data[1] = array("nombre" => "Ernesto", "apellido" => "Sabato");
  5. echo $json->encode($data);

Pueden ver el resultado de este ejemplo en data.php. Ahora si queremos hacer un ejemplo mas complejo, podemos extraer los datos de una tabla de una base de datos MySQL, con lo cual nuestro código sería de la forma:

  1. require_once("JSON.php");
  2. $json = new Services_JSON;
  3. $conexion = mysql_connect("localhost", "usuario", "clave");
  4. mysql_select_db("demo", $conexion);
  5.  
  6. $queEmp = "SELECT * FROM empresa ORDER BY nombre ASC";
  7. $resEmp = mysql_query($queEmp, $conexion) or die(mysql_error());
  8. $totEmp = mysql_num_rows($resEmp);
  9.  
  10. while ($rowEmp = mysql_fetch_assoc($resEmp)) {
  11.     $data[] = $rowEmp;
  12. }
  13. echo $json->encode($data);

El resultado de este ejemplo lo pueden ver en mysql.php y como pueden ver la generación de datos en formato JSON es muy sencillo.

JSON con PHP5

A partir de la versión 5.2.0 de PHP fueron añadidas las funciones json_encode y json_decode para manipular nativamente datos en JSON, luego nuestro segundo ejemplo se reduciría al siguiente código:

  1. $data[0] = array("nombre" => "Albert", "apellido" => "Camus");
  2. $data[1] = array("nombre" => "Ernesto", "apellido" => "Sabato");
  3. echo json_encode($data);

Obviamente el código es mas pequeño y tiene mejor rendimiento. Ahora esta forma de generar los datos en formato JSON combinado con Javascript, Mootools o con Flash pueden hacer de nuestras web verdaderas aplicaciones interactivas.

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.


]]> http://blog.unijimpe.net/crear-json-con-php/feed/ 15 JSON con Mootoolshttp://blog.unijimpe.net/json-con-mootools/ http://blog.unijimpe.net/json-con-mootools/#comments Mon, 21 Jul 2008 00:21:24 +0000 unijimpe http://blog.unijimpe.net/?p=868 JSON (JavaScript Object Notation) es un formato basado en Javascript para intercambio de datos. JSON es una alternativa a XML pues brinda sencillez al momento de leer los datos, en Javascript puede ser analizado …

]]> JSON (JavaScript Object Notation) es un formato basado en Javascript para intercambio de datos. JSON es una alternativa a XML pues brinda sencillez al momento de leer los datos, en Javascript puede ser analizado utilizando eval(), además provee sencillez para manipular los datos. Para mas información acerca de las diferencias con XML además de sus virtudes en: JSON.

Obteniendo los datos
Para nuestro ejemplo vamos a utilizar Google AJAX Search API, el cual es un servicio que nos utilizar los resultados de búsqueda de Google. No utilizaremos la funciones que provee Google si no que lo haremos utilizando JSON, para ello encontramos documentación en Flash and other Non-Javascript Environments.

Si deseamos obtener los resultado de la búsqueda de la palabra Google, lo podemos hacer accediendo al siguiente URL:

http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=Google

Este URL devolverá un objeto conteniendo los resultados de la búsqueda en un array ademas de estadísticas de resultados:

  1. { "results": [
  2.   {
  3.    "GsearchResultClass": "GwebSearch",
  4.    "unescapedUrl": "http://en.wikipedia.org/wiki/Paris_Hilton",
  5.    "url": "http://en.wikipedia.org/wiki/Paris_Hilton",
  6.    "visibleUrl": "en.wikipedia.org",
  7.    "cacheUrl": "http://www.google.com/search?...",
  8.    "title": "\u003cb\u003eParis Hilton\u003c/b\u003e",
  9.    "titleNoFormatting": "Paris Hilton",
  10.    "content": "In 2006, she released her debut..."
  11.   },
  12.   {
  13.    "GsearchResultClass": "GwebSearch",
  14.    "unescapedUrl": "http://www.imdb.com/name/nm0385296/",
  15.    "url": "http://www.imdb.com/name/nm0385296/",
  16.    "visibleUrl": "www.imdb.com",
  17.    "cacheUrl": "http://www.google.com/search?...",
  18.    "title": "\u003cb\u003eParis Hilton\u003c/b\u003e",
  19.    "titleNoFormatting": "Paris Hilton",
  20.    "content": "Self: Zoolander. Socialite..."
  21.   },
  22.   ...
  23.  ],
  24.  "cursor": {
  25.   "pages": [
  26.    { "start": "0", "label": 1 },
  27.    { "start": "4", "label": 2 },
  28.    { "start": "8", "label": 3 },
  29.    { "start": "12","label": 4 }
  30.   ],
  31.   "estimatedResultCount": "59600000",
  32.   "currentPageIndex": 0,
  33.   "moreResultsUrl": "http://www.google.com/search?..."
  34.  }
  35. }, 200, null)

Creando un Proxy
Normalmente cuando se accede a datos JSON se hacen sobre el mismo dominio, pero como nosotros deseamos acceder a los datos de Google necesitamos crear un proxy para cambiar de dominio los datos recibidos. Esto por que nos browsers no permites acceder a datos de otros dominios. Entonces creamos el archivo proxy.php.

  1. $apiQue = "Google"; // variable a consultar
  2. $apiKey = "tu_key_google"; // key para acceder al servicio
  3. $apiUrl = "http://ajax.googleapis.com/ajax/services/search/web";
  4. if (isset($_GET['query'])){
  5.    $apiQue = urlencode($_GET['query']);
  6. }
  7. readfile($apiUrl."?v=1.0&key=".$apiKey."&q=".$apiQue);

Cargando los datos con Mootools
La nueva versión de Mootools trae el método Request.JSON que permite cargar y parsear automáticamente datos JSON, para nuestro caso cargaremos los datos del proxy recién creado y lo mostraremos utilizando la función alert. Primero incluimos la librería Mootools en el header de nuestro html y luego obtenemos los datos JSON.

  1. <script type="text/javascript" src="mootools.js"></script>

  1. window.addEvent('domready', function() {
  2.     var path = "proxy.php?query=unijimpe";
  3.     var json = new Request.JSON({url: path, onComplete: onLoad});
  4.     json.get();
  5.     function onLoad(obj){
  6.         var results = obj.responseData.results;
  7.         for (i=0; i<results.length; i++) {
  8.             var tmp = results[i];
  9.             alert(i + " --> " + tmp.title + "\n" + tmp.url)
  10.         }
  11.     }
  12. });

Pueden ver el resultado en: /json/index.html.

Como pueden observar, la función onLoad se ejecuta cuando se ha completado la carga de los datos, dentro de esta función podemos acceder a los datos recién cargados como si fueran objetos es decir podemos acceder a todas sus propiedades utilizando el operador punto (.).

Entonces si deseamos mostrar la cantidad total de resultados podríamos hacer mediante obj.estimatedResultCount, entonces para acceder a los resultados de la búsqueda accedemos a obj.responseData.results el cual contiene un array con los resultados de la búsqueda por lo cual utilizamos un FOR para acceder a cada elemento.

Ahora si deseamos mostrar estos resultados como HTML y no como alerts, lo primero es crear un div en donde escribiremos los resultados y modificar brevemente nuestro script.

  1. window.addEvent('domready', function() {
  2.     var path = "proxy.php?query=unijimpe";
  3.     var json = new Request.JSON({url: path, onComplete: onLoad});
  4.     json.get();
  5.     function onLoad(obj){
  6.         var tmpHTML = "";
  7.         var results = obj.responseData.results;
  8.         for (i=0; i<results.length; i++) {
  9.             var tmp = results[i];
  10.             tmpHTML+= "<a href='"+tmp.url+"'>"+tmp.title+"</a>";
  11.             tmpHTML+= "<br />"+tmp.content+"<br/>";
  12.             tmpHTML+= "<i>"+tmp.url+"</i><br /><br />";
  13.         }
  14.         $("results").set("html", tmpHTML);
  15.     }
  16. });

  1. <div id="results">Loading...</div>

Pueden ver el resultado en: /json/json.html.

Finalmente, agregamos un campo te texto y un botón para crear un formulario de búsqueda para mostrar la potencia de JSON. Esto lo hacemos con el siguiente código.

  1. window.addEvent('domready', function() {
  2.     var path = "proxy.php?query=unijimpe";
  3.     var json = new Request.JSON({url: path, onComplete: onLoad});
  4.     json.get();
  5.     function onLoad(obj){
  6.         var tmpHTML = "";
  7.         var results = obj.responseData.results;
  8.         for (i=0; i<results.length; i++) {
  9.             var tmp = results[i];
  10.             tmpHTML+= "<a href='"+tmp.url+"'>"+tmp.title+"</a>";
  11.             tmpHTML+= "<br />"+tmp.content+"<br/>";
  12.             tmpHTML+= "<i>"+tmp.url+"</i><br /><br />";
  13.         }
  14.         $("results").set("html", tmpHTML);
  15.     }
  16.  
  17.     function sendSearch() {
  18.         $("results").set("html", "Loading...");
  19.         path = "proxy.php?query=" + $("q").value;
  20.         json = new Request.JSON({url:path, onComplete: onLoad});
  21.         json.get();
  22.     }
  23.    
  24.     $("bt").addEvent("click", sendSearch);
  25. });

  1. <div id="search">
  2. Buscador JSON
  3. <input type="text" id="q" name="q" />
  4. <input type="submit" id="bt" name="bt" value="Buscar" />
  5. </div>
  6. <div id="results">&nbsp;</div>

Pueden ver el resultado en: /json/search.html.

Como pueden ver utilizando Mootools para manejar JSON es muy fácil el implementar aplicaciones con acceso remoto a datos o también llamado AJAX solo que no estamos utilizando XML y además tenemos la posibilidad de formatear a nuestro antojo los resultados obtenidos.

Mas Información

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.


]]> http://blog.unijimpe.net/json-con-mootools/feed/ 3