Как при сабмите формы с помощью JS отправить GET на другой домен?

Question

[rado]

Добрый день.
Уже который день пытаюсь решить такую задачу:
Требуется при сабмите формы с помощью JS отправить GET на другой домен. Ответ получать не обязательно ни разу, важно чтобы GET просто отправился. Пробовал с помощью XMLHttpRequest - не получается, постоянно получаю статус 0 и запрос не отправляется: stackoverflow.com/questions/21419576/xmlhttpreques... (Access-Control-Allow-Origin: * разумеется поставил). Так же пробовал совсем извращенным методом:

var script= document.createElement("script");
script.type = "text/javascript";
script.src = url;
document.body.appendChild(script);

В Google Chrome, IE и даже Opera 12.16 работает нормально, в Firefox работает только если поставить трассер на любую строку позже appendChild.

Куда дальше копать?

Почему Firefox пропускает appendChild при сабмите?

Оговорюсь сразу: к сайту, С которого отправляется запрос, доступа нет, есть только подгружающийся с моего серва скрипт и вызов функции из этого скрипта, запускающей формирование url для гета и собственно его запуск, стоящая в onclick кнопки submit. Использовать AJAX также не представляется возможным - возможны конфликты между скриптами, подгруженными с моего серва и клиентскими.

Решение нужно кросс-браузерное.

Comments

[rado]

Не обратил внимание сразу: сабмита может и не быть, может быть просто нажатие на кнопку без обновления страницы, т.к. скрипт не имеет привязки к конкретному сайту.

[TheAlien]

важно чтобы GET просто отправился

Так а почему не создавать new Image() с нужным URL в src?

var img = new Image();
img.src = 'ВАШ_URL';

Картинка попытается подгрузиться, отправив запрос.

[rado]

а чем в таком случае картинка отличается от script который я попытался использовать?

[zvorygin]

@rado потому что script с другого домена попробует выполниться, а это нарушение политик безопасности. Картинка с другого домена может успешно загрузиться и ничего страшного при этом не произойдет.

[rado]

@zvorygin сделал, эффект тот же что и со скриптом. В хроме и ие работает, в мозилле нет

[zvorygin]

@rado да, ошибся, будет работать. Даже есть интересные атаки на эту тему.

[rado]

@zvorygin ну тут суть как бы не в атаке, это клиентский сервис.
вот мне интересно, как Google Analytics такие запросы отправляет, работают же и в мозилле в том числе.

[rado]

если добавить после appendChild alert, то всё норм отрабатывает, но это не решение.
что можно кроме алерта добавить? может какой-нибудь аналог sleep ?

Answer 1

[snackovich]

нужно перехватывать само собития submit отменять его
отравлять свой запрос и только тогда повтоно инициировать отправку

function(e){
    e.preventDefault();
    sendMyRequerst();
   setTimeout(function(){
      form.submit();
   },0);
  ...
}

ваш K.O.

Comments

[rado]

вариант.
а что отменится в таком случае: сабмита нет, а кнопка запускает какой-нибудь аяксовый запрос? и с другой стороны: на странице существует несколько форм, какая засабмитится?

[rado]

@snackovich а можно ли не отменить сабмит, а приостановить его? каким-нибудь аналогом sleep'a ?

[snackovich]

я предлагаю просто слушать все формы на события "submit"
и далее если нужно останавливать submit отправить запрос и сделать еще один submit.
для остальных кнопок не форменных написать отдельную логику.

> Native DOM elements that are inputs also have a form attribute that points to the form they belong tо
stackoverflow.com/questions/991367/how-to-get-the-...

Answer 2

[Александр Коновалов]

Попробуйте, при сабмите, динамично создавать iframe. Принцип тот-же что выше описал @snackovich.
jsfiddle.net/8evgx/1