mola no?

Teóricamente, debido a esta política, JavaScript no puede lazar peticiones o consumir datos entre dominios distintos. Digo teóricamente, porque esto puede conseguirse con algunas técnicas de hacking como csshttprequest.

Para no tenir que recurrir a estas técnicas existe una forma más elegante de conseguir esto y es mediante jsonp.

Básicamente se basa en una técnica en la que entran en juego tanto el frontend como el backend, en la petición/respuesta json.

El cliente envía una petición de tipo jsonp con un parámetro en la url que tendría como valor el nombre de la función que manejará la respuesta de dicha petición. En el servidor se retorna una respuesta json como valor de una variable con el Mismo nombre de dicha función.

Jquery puede trabajar con jsonp, el proceso sería el siguiente:

Javascript en el frontend con jquery

$(document).ready(function () {

$.ajax({
dataType: "jsonp",
data: "",
url: "http://example.com/json?method=?",
success: function(json){ alert(json.key); }
});

/*

Si el método que se le pasa en la url

tiene un valor "?" jquery generará

un valor aleatorio para la función que

manejará la respuesta. Esto nos evita

problemas con la cache

*/

})

Código de respuesta en backend en php

header('Content-type: text/json');

$respuesta = array('key'=>'valor');

echo $_GET['method']."(".json_encode($respuesta).")");

exit();

Esto nos permitirá trabajar con ajax entre dominios y gestionar la respuesta json a  nuestro antojo.

Merece la pena echarle un vistazo

Se trata de un experimento de The man in blue que ha conseguido crear la funcionalidad principal (y básica) de una clásica caja de ritmos Roland TR 909, con javascript.

Para los que hemos hecho nuestros pinitos componiendo música electrónica con Rebirth 338 y otros juguetes más modernos, esta frikada nos trae buenos recuerdos y un ejemplo soberbio de cómo usar javascript con sonido.

El código para el botón Enter es el número trece (como el cómic).

Podemos usar el siguiente código javascript:

tecla_pulsada = (document.all) ? e.keyCode : e.which;
if (tecla_pulsada==13){ //hacer lo que sea }

Para refrescar el contenido de un iframe, podemos hacerlo con el siguiente código javascript:

var iframe = parent.frames[id_del_iframe];
iframe.window.location.reload();

Podemos darnos cuenta de ésto al observar esta gráfica.

En ella observamos como conocidos sitios web deben cargar código javascript para luego usar normalmente un porcentaje. inferior al 50%. del mismo

Doloto es una solución de Microsoft, que aun no esta publicada y se encuentra en modo de pruebas por Microsoft Research, que ayuda a mejorar el rendimiento en aplicaciones web

Para conseguir su objetivo, Doloto analiza el código javascript de nuestras aplicaciones y creando perfiles de uso, descarga exclusivamente el código javascript necesario para inicializar la aplicación. El resto de código se transmite bajo demanda.

Una función en una aplicación que utilizase doloto tendría el siguiente aspecto:


function f(){
// descarga el cuerpo de la función "f"
var real_f_text = blocking_download("f");
// se prepara la función "f"
var real_f_func = this.eval(real_f_text);
// se evalua la función "f" con el objeto arguments
return real_f_func.apply(this, arguments);
}


Microsoft está probando esta tecnología en algunos sitios web, consiguiendo reducir el tiempo de carga en algunos de los mismo hasta en un 40%.

Tenéis más información sobre su arquitectura, concepto y resultados conseguidos en este interesante paper.

JQuery cuenta con un plugin que nos permite implementar gettext mediante javascript, os dejo el enlace aquí.