Отправить форму в цель iframe с javascript

Я пытаюсь открыть веб-страницу с POST и параметрами в iframe. Но когда представить производится родительская страница перезагружается и URL не открывалась в IFRAME:Отправить форму в цель iframe с javascript

<head> 
    <title>iframe Example</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style> 
    iframe { 
     display: block;  /* iframes are inline by default */ 
     background: #000; 
     border: none;   /* Reset default border */ 
     height: 90vh;  /* Viewport-relative units */ 
     width: 90vw; 
    } 
    </style> 
    </head> 
    <body> 
    <form id="myForm" method="post" action= "http://127.0.0.1/myWeb" target="myIframe"> 
    <input type = "hidden" name="param1" value="param1value"> 
    <input type = "hidden" name="param2" value= "param1value"> 
    </form> 
    <a href="" onClick="postLogin();" >Send to iframe</a><br /> 
    <script laguaje="javascript"> 
     function postLogin() { 
      var form = document.getElementById("myForm"); 
      form.submit(); 
     } 
    </script> 
    <iframe src="" name="myIframe" id="myIframe"> 
     <p>iframes are not supported by your browser.</p> 
    </iframe> 
    </body> 
    </html>

источник

2016-05-13 deimos1975

Кто обновив страницу является якорем тег. Вы можете использовать event.preventDefault().

Измените тэг привязки, добавив параметр события.

<a href="" onClick="postLogin(event);" >Send to iframe</a>

И в функции Javascript postLogin добавить метод preventDefault() событий:

function postLogin(event) { 
     var form = document.getElementById("myForm"); 
     form.submit(); 

     event.preventDefault(); 
    }

EDIT:

Или вы можете использовать <button> без postLogin функции вместо <a>.

<form id="myForm" method="post" action= "http://127.0.0.1/myWeb" target="myIframe"> 
     <input type = "hidden" name="param1" value="param1value"> 
     <input type = "hidden" name="param2" value= "param1value"> 
     <button type="submit">Send to iframe</button> 
    </form>

источник

2016-05-13 11:31:08

Благодарим за обмен знаниями! – deimos1975

Отправить форму в цель iframe с javascript

ответ

Смежные вопросы