表单未发布到iframe返回

时间:2016-08-14 15:04:13

标签: javascript authorize.net

这本来应该很简单,但我花了几个小时试图弄清楚为什么简单的表单帖子不会在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>  

2 个答案:

答案 0 :(得分:2)

将代码放在Plunker中,第37行出现语法错误:

&#13;
&#13;
<iframe src="" name="myIframe></iframe>  
                             ^-- missing "
&#13;
&#13;
&#13;

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

您可能需要考虑更改为使用可帮助您识别拼写错误的IDE,以便节省时间。

答案 1 :(得分:1)

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