我正在使用第三方用户界面接受付款。因此,付款表格由他们控制,我的工作是将他们的页面嵌入我的网页,以便用户可以在我的网站上输入他们的卡片信息,第三方可以处理付款。为了在我的页面上显示第三方UI,他们希望我通过表单提交用户数据,作为回复,他们将在iframe中呈现他们的页面。 为此,我有以下设置:
<form id="form1" target="frame1" action="https://www.example.com" method="post" />
<iframe id="frame1" name="frame1" />
然后在我的Javascript中,我动态构建包含用户信息并提交的隐藏输入字段的表单。 (类似于描述的解决方案here 解决方案工作正常,我可以在iframe中加载第三方UI。但我想避免创建DOM元素,而是使用jQuery AJAX或XHR来提交请求。我尝试使用FormData提交表单字段,但问题是我无法指定应由第三方更新的iframe。有没有办法使用ajax请求和FormData并指示目标iframe?
感谢您的帮助。