iframe表单在提交后重置，仅在第二次尝试时成功

Question

我正试图在单页上放置3个外部iframe [信用卡信息]，如下所示：

<div class="row">
  <h5>First guy</h5>
  <iframe src="https://www.foo.com"></iframe>
</div>
<div class="row">
  <h5>Second guy</h5>
  <iframe src="https://www.foo.com"></iframe>
</div>
<div class="row">
  <h5>Third guy</h5>
  <iframe src="https://www.foo.com"></iframe>
</div>

第一个iframe正在完成它的工作但是当我移动到第二个iframe时，在我输入信息并单击提交后，它会重置并且我必须再次输入信息，在我这样做之后，它会成功。

任何想法？

乙

Answer 1

它可能与cookie或帧内容的html / js中包含的一些临时数据有关。

想象一下，所有3个iframe都认为“我有一个cookie，表明下一个交易是＃5”

您在第一个订单中提交订单。服务器现在将＃6存储为下一个事务。

当您在第二个iframe中提交时，您将沿＃5发送。服务器看到它并认为“出了问题，让我们让它们重试” 所以你的第二个iframe重新加载，这次得到了合适的cookie 这就是为什么它在重新加载后有效。