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 that you have read and understand our privacy policy and code of conduct.

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