Contenido

CSSHttpRequest, ajax cross-domain con CSS

24 Oct

+ 6

El Ajax entre diferentes dominios es algo que veremos dentro de unos meses en las nuevas versiones de los navegadores actuales. Mientras tanto los desarrolladores están dando soluciones a esta necesidad y ahora, usando la manipulación del CSS desde Javascript solventan el problema

CSSHttpRequest.get(
        "http://www.nb.io/hacks/csshttprequest/hello-world/",
        function(response) { alert(response); }
    );

Si revisamos el código, vemos la magia de esta técnica:

var s = chr.getStyleSheet();

    // IE
    if(s.addImport) {
        index = s.addImport(url);
        item = s.imports(index);
    }

    // W3C
    else if(s.insertRule) {
        index = s.insertRule("@import url(" + url + ");", 0);
        item = s.cssRules[index];
    }

Me encanta ver como la necesidad despierta estas maravillas entre los desarrolladores.

  • No entiendo qué hace esto. ¿Qué necesidad hay de llamar código CSS con JavaScript? No lo pillo…

  • @noob: Lo que hace es evitar tener que esperar a que los navegadores integren el HTTPRequest cross domain para obtener datos mediante Ajax desde diferentes servidores.

    No es una técnica estandar, pero es una solución a un problema real con el que nos podemos encontrar en nuestros desarrollos.

  • Oye yo tengo un problema que creo esto me puede ayduar a solucionarlo pero no le entiendo bien.

    mi problema es que necesito comunicarme con otra web a la cual le paso unos parametros por url y lo que regrese lo debo cachar y manipularlo.

    con ajax no puedo pero parece que con esto que escribes si podria.

    podrias ayduarme pro favor.

    Gracias

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.