表单未发布到 iframe 返回

Question

这本来应该很简单，但我花了几个小时试图弄清楚为什么一个简单的表单 post 不会出现在 iframe 中，而不是新的 window。

我正在尝试 post 数据到 authorize.net 并且我希望响应返回到 iframe 中。但是它会打开一个新的 window。我不知道还能做什么。这是我的代码

<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>

Answer 1

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

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

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

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

Answer 2

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

表单未发布到 iframe 返回

form not posting to iframe back

javascript

authorize.net