表单未发布到 iframe 回来答案

【问题标题】：form not posting to iframe back表单未发布到 iframe 回来
【发布时间】：2016-08-14 15:04:13
【问题描述】：

这应该很简单，但我花了几个小时试图弄清楚为什么一个简单的表单帖子最终不会出现在 iframe 中而不是新窗口中。

我正在尝试将数据发布到 authorize.net，并且我希望回复回到 iframe 中。但是，它会打开一个新窗口。我不知道还能做什么。这是我的代码

<html>  
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
            document.getElementById("test-form").submit();
    });
    </script>
</head>
<body>  

   <form method="post" name="test-form" id="test-form" target="myIframe" action="https://test.authorize.net/gateway/transact.dll">
   <input type="text" name="x_login">
   <input type="text" name="x_fp_sequence">
   <input type="text" name="x_fp_timestamp">
   <input type="text" name="x_amount">
   <input type="text" name="x_fp_hash">
   <input type="text" name="x_show_form">
   <input type="text" name="x_test_request">
   <input type="text" name="x_type">
   <input type="text" name="x_currency_code">
   <input type="text" name="x_invoice_num">
   <input type="text" name="x_description">
   <input type="text" name="x_first_name">
   <input type="text" name="x_last_name">
   <input type="text" name="x_company">
   <input type="text" name="x_address">
   <input type="text" name="x_city">
   <input type="text" name="x_state">
   <input type="text" name="x_zip">
   <input type="text" name="x_country">
   <input type="text" name="x_phone">
   <input type="text" name="x_email">
   <input type="text" name="x_relay_response">
   <input type="text" name="x_solution_id">
   </form>
   <iframe src="" name="myIframe></iframe>  

</body>  



</html>

【问题讨论】：

标签： javascript authorize.net

【解决方案1】：

将代码放入 Plunker，第 37 行出现语法错误：

<iframe src="" name="myIframe></iframe>  
                             ^-- missing "

添加结束引号后，我可以看到 iFrame 中加载的页面 :) https://embed.plnkr.co/aM5EsESHODV8nPbVhyK8/

您可能需要考虑改用可以帮助您识别拼写错误的 IDE，这样可以节省时间。

【讨论】：

【解决方案2】：

您在 iframe 名称末尾缺少双引号。

【讨论】：