2016-08-14 99 views
1

这应该是非常简单的,但我花了几个小时试图找出为什么一个简单的表单发布不会最终在iframe而不是一个新的窗口。form not not to iframe back

我想发布数据到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

把你的代码Plunker,有在第37行语法错误:

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

将平仓报价后,我可以看到页面加载到iFrame中:) https://embed.plnkr.co/aM5EsESHODV8nPbVhyK8/

您可能要考虑更改为使用IDE这可以帮助您识别错别字,从而可以节省数小时。

+0

哈哈哈不敢相信! – Autolycus

1

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