使用 CSS 异步跨域获取数据

作者：手气不错 发布时间：October 25, 2008 分类：Javascript

这是个非常“猥琐”的异步获取数据的方法，原理是通过动态载入一段 CSS，然后解析其中的字段提取数据（DEMO）。

先来说说它的优点。首先是跨域，数据获取的实质其实就是载入一段 CSS 。其次避免了类似 JSONP 的跨站脚本注入攻击。

然后考虑下可能会出现的问题。首先是通过 rawurlencode 编码过的数据容量会大很多，而且不可读。

其次，如果使用不当可能会影响页面渲染，看作者的 Javascript 代码中加入了段

e.setAttribute("media", "print, csshttprequest");

很有意思。还有就是使用

@import url(about:chr:data);

真的让人感觉太太“猥琐”了。

原官方有个 Python 编写的 Encoder 实现，我顺便将其成了 PHP ，下面是相应的代码

function css_request_encode($str) {
    $prefix = 'about:chr:';
    $length = 2000 - strlen($prefix); // Internet Explorer 2KB URI limit
    for ($i = 0, $encode = ''; $slice = substr($str, $i * $length, $length); $i++) {
        $encode .= sprintf("@import url('$prefix%s');n", rawurlencode($slice));
    }
    return $encode;
}

PS，原站点打开很慢，在这里有个本地的 DEMO。

已有 4 条回复

  1. aoao October 25th, 2008 at 09:43 am #1
    aoao

    好久前原作者就有出过原型，那时我有看过，感觉不好玩，他的站不是慢。。是给G了。。。



    这东东。我感觉玩的性质更多一点。挖哈哈。。。。。。。

  2. Rage October 25th, 2008 at 06:57 pm #2
    Rage

    下午叫上你女人，去爬老和山吧！

  3. 手气不错 October 25th, 2008 at 09:31 pm #3
    手气不错

    @Rage 明显你在睡懒觉，外面下雨ing -_-!

  4. monyer December 14th, 2008 at 06:27 am #4
    monyer

    思路不错，看看有没有利用的价值，(*^__^*) 嘻嘻……

添加新回复

Yahoo 统计