0

Нужно отправлять форму на другой сайт(домен) что бы пользователь не видел. Т.е он зашел и на другой сайт отправились данные формой. Без нажатия кнопки и переадресации как?

2
  • читайте про ajax, подругому никак не получится ;)
    – thunder
    26 окт 2012 в 9:54
  • А разве все это не завершится ошибкой доступа ?
    – masterMind
    26 окт 2012 в 9:57

3 ответа 3

3

@istem, не соглашусь с Вами. Политика безопасности браузера наложит ограничение лишь на получение данных, а не как на их отправку. Т.е. достаточно сделать просто ajax-запрос, и данные отправятся, браузер даже получит ответ, и тут он уже создаст исключение. С помощью jQuery можно вот так просто отправить запрос:

$.ajax({
  url: "http://somesite.com",
  type: "POST", // для отправки GET-запроса используйте GET
  data: {param1 : "val1", param2 : "val2"},
});

Такой вариант подойдёт, если Вам не нужно получать ответ от удалённой стороны. Иначе же может помочь JSONP-запрос.

1
  • Спасибо, буду иметь ввиду.
    – istem
    26 окт 2012 в 16:43
2

Ajax не будет работать по Same Origin Policy. В вашем случае, подходит несколько вариантов. Если метод формы GET - тогда можно через тег img или script средствами JS сформировать запрос и добавить элемент в тело документа. Второй вариант - добавить атрибут target="iframe" к форме, и соответственно сам iframe на страницу. При срабатывании DOM Ready - отправлять форму. Форма отправится, результат отобразится в iframe, а уж его можно спозиционировать: left: -9999px;

Если заинтересует - напишите подробнее что там у вас, помогу с кодом, как это сделать.

1
  • Как вариант, можно форму сабмитить на свой скрипт, а скрипт уже например через curl запросит данные с нужного сайта методом GET или POST
    – Azagtot
    26 окт 2012 в 12:17
1
<body onLoad="submitForm()">
<form id="fm">
...
</form>

<script type="text/javascript">
//JS
function submitForm()
{
   document.getElementById('fm').submit();
}

//jQuery
document.ready(function(){
   $('#fm').submit();
});

</script>

Я показал два варианта сабмита формы. Один - на чистом JS, другой - с использованием jQuery. При использовании jQuery, тэгу body не нужен onLoad.

Если нужна асинхронная отправка, тогда юзаем к примеру jQuery так:

$.get('http://site.com', {'param': 'val', 'param2': 'val2'}, function(data) {
   //result into data
});

либо

$.post('http://site.com', {'param': 'val', 'param2': 'val2'}, function(data) {
   //result into data
});
4
  • Мне нужно отправлять формы на другой сервер, ajax не подходит. Пользователь должен остоваться на странице моего сайта.
    – avengerweb
    26 окт 2012 в 10:02
  • Чем AJAX не устраивает?
    – Azagtot
    26 окт 2012 в 10:04
  • 4
    PHP головного мозга? :) {'param' => 'val', 'param2' => 'val2'}
    – user3545
    26 окт 2012 в 11:17
  • Точно! :) Прошу прощения, надо так: {'param': 'val', 'param2': 'val2'}
    – Azagtot
    26 окт 2012 в 12:11

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.