javascript - 跨源资源共享和文件 ://

Question

我正在编写一个 HTML5 应用程序，它使用 JSONP 从几个不同的来源收集数据。我用 GET 做的任何事情都完美无缺。我现在正在尝试发布数据，但遇到了一个有趣的问题。我需要将数据从我的应用程序发布到另一个应用程序，我的应用程序从本地机器运行。我正在尝试编写一个具有跨平台能力的移动应用程序(想想 Pulse/Flipboard)，因此代码将始终从本地源运行。我的思考过程如下:

• 使用 JSONP - JSONP 不允许发布，它不能那样工作 (Post data to JsonP)
• 依赖 CORS - 由于请求来自使用 file:// 的本地源，因此原始 header 为空。这会导致请求失败 ( XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin )
• 使用另一台服务器来反弹请求 - 这会很昂贵

我定位的所有浏览器都是基于 webkit 的(iPad、Playbook、Android)，所以我想知道同源策略代码中是否有任何漏洞可以让我偷偷通过？也许使用 iframe 或 postMessage？

Answer 1

事实证明，最简单的方法是发布到 iframe 内的目标 url。大多数浏览器上的同源策略允许您执行从一个域到另一个不相关域的 HTTP POST。我通过向我的页面添加一个 iframe 解决了这个问题，最初设置为本地引导页面。由于该页面是从同一域加载的，因此我可以通过脚本控制它。我用它来将表单发布到我的目标站点，并轮询结果以确定我的调用是否成功。它并不优雅，但它确实有效。