Можно ли отправить форму внутри iframe, не затрагивая историю браузера?
Я реализовал отправку междоменного POST-запроса. Он использует Javascript для создания и отправки формы внутри iframe. Это работает, но каждый запрос добавляет элемент в историю браузера.
Кто-нибудь знает способ обойти это? Я пытался создать iframe с помощью innerHTML и createElement. Я пока не увидел разницы.
PS. Я бы хотел использовать XMLHttpRequest ("Ajax"), но он не поддерживает отправку данных между доменами. И я хотел бы использовать GET вместо публикации, но мне нужно отправить более 2 КБ данных.
Вот одна из версий моего кода. Я пробовал много вариантов и искал повсюду, но я не могу найти решение, которое не влияет на историю браузера. Я считаю, что это невозможно - кто-нибудь может это подтвердить?
<html>
<head>
<script type="text/javascript">
function submit(params) {
var div = document.createElement('div');
div.innerHTML = '<iframe height="50" width="50"></iframe>';
document.body.appendChild(div);
var iframe = div.firstChild;
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
iframeDocument.open();
iframeDocument.close();
var form = iframeDocument.createElement('form');
iframeDocument.body.appendChild(form);
form.setAttribute('action', 'http://some-other-domain.com/submit-here');
form.setAttribute('method', 'POST');
for (param in params) {
var field = iframeDocument.createElement('input');
field.setAttribute('type', 'hidden');
field.setAttribute('name', param);
field.setAttribute('value', params[param]);
form.appendChild(field);
}
form.submit();
}
window.onload = function() {
document.getElementById('button').onclick = function() {
submit({
'x' : 'Some Value',
'y' : 'Another Value',
'z' : new Date().getTime()
});
}
}
</script>
</head>
<body>
<h1>Example of using Javascript to POST across domains...</h1>
<input id="button" type="button" value="click to send">
</body>
</html>