服务器端可控情形JS跨域访问解决方法 (1)

我在最近的一个 web 项目中为了实现 bookmark 功能碰到了 javascript 跨域访问的问题。起初，在 google 上搜的很多解决方案并不适用于我的情形，只在有一篇文章中提到的远程加载 javascript 方法从理论上看到了解决的希望。但可惜作者只是一笔带过，并未用例子详细说明，所以不得不摸索了一阵才把这个问题搞定。在此，希望通过本文为同样被这个问题困扰的朋友们提供一个解决方法作为参考。如有错误，欢迎指正!
　　Bookmark 是目前许多 web2.0 网站 (http://del.icio.us/, www.diigo.com 等)都提供的热门 feature 。它能将上自己喜欢的网页收藏到 Bookmark 服务器上。本文要解决的问题就发生在用户提交网页 URL (还包括 Tag, Notes 等)给 Bookmark 服务器时。
　　关于 URL 的提交至少可以有三种方式：
　　1. 登陆 Bookmark 服务器的提交页面，将要收藏的 URL 通过该页面提交给服务器。
　　2. 安装浏览器插件，通过插件将 URL 提交给服务器。
　　3. 从 Bookmark 服务器动态加载 javascript 小工具到当前页面，通过它来完成提交工作。(参考 diigo 的例子，收藏一个网页链接到浏览器收藏夹，链接的 URL 是一段 javascript 代码，它会从服务器加载一段 javascript 注入当前网页)
　　第一种方式开发起来最简单，但对用户来讲比较麻烦，每次都需要先登陆 Bookmark 服务器才能完成提交;第二种方式我并不熟悉插件开发，而且用户也不喜欢太多的插件堆满自己的浏览器;第三种方式开发难度小，又避免了每次登陆服务器的麻烦，所以我最终采用了它。
　　上面讲的第三种方式中动态加载的 javascript 小工具除了需要生成 UI 供用户填写信息( URL ， tag ， notes 等)，当用户点击提交的时候，还要完成与服务器通信的功能。在没有跨域访问经验的情况下，最先想到的当然是 ajax !但很快就会发现根本行不通。
　　跨域访问，简单来说就是 A 网站的 javascript 代码试图访问 B 网站，包括提交内容和获取内容。由于安全原因，跨域访问是被各大浏览器所默认禁止的。写过跨域访问 ajax 的朋友相信都遇到过被告知“没有权限”的情况。通过 XMLHttp 来发送数据给 Bookmark 服务器的尝试失败了。于是，看到网上的一些资料，我又开始尝试用 javascript 小工具在用户网页动态创建一个隐藏的 iframe, iframe 的 src 指向服务器的一个 servlet ，试图通过调用 iframe 中提供的 javascript 来完成与服务器的通信。但不幸的是，用户网页中的 javascript 代码访问 iframe 也被浏览器归为跨域访问(特指 iframe 的 src 指向其它网站的情形)，尝试再次失败。