一次异步提交多个 forms 并在没有 AJAX 的情况下收集服务器响应

Question

我们公司的一位客户要求我们更新他们现有的 web 页面，该页面有 5 个单独的 forms，以便他们可以通过一个提交按钮提交所有 forms。 通常，使用 AJAX 或简单地将 forms 组合成一个，这将是一项相对简单的任务； however their forms submit to the Salesforce web-to-case server which blocks AJAX requests, and using the JavaScript.submit() function 5 times will only successfully submit the last form.

我目前找到的唯一解决方案是将 forms 的目标设置为隐藏的 iframe，如下所示：

HTML

<form target="form5_frame" id="form1" method="post" action="https://webto.salesforce.com/servlet/servlet.WebToCase?encoding=UTF-8">
    //inputs
</form>
<iframe name="form1_frame" src="" id="form1_frame" height="0"></iframe>

JavaScript

for (var i = 1; i < 6; i++) {
    $('#form' + i).submit();
}

这将成功地将所有 5 个 forms 提交到 Salesforce 服务器，并且 iframe 将填充服务器响应。

现在的问题是，由于 CORS 跨域策略，我无法读取响应的内容以显示成功/错误消息。 我已经进入 salesforce 并将我们的域添加到他们的 CORS 设置中，这没有影响。

我还听说过在附加的事件侦听器中使用 postMessage 函数来进行跨域通信，但是服务器响应有它自己的事件侦听器附加到阻止传出消息事件的主体。 我测试的 JavaScript 代码是：

//iframe event listener
$('#form1_frame').get(0).addEventListener('onload', function() {
    parent.postMessage("Hello!", "SITE DOMAIN HERE");
});

//message received code
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

eventer(messageEvent,function(e) {
    var key = e.message ? "message" : "data";
    var data = e[key];
},false);

为了解决跨域问题，我还有什么可以尝试的，甚至是更好的方法，它不使用可能有效的 iframe 技巧？

请让我知道，我很乐意回答任何问题。