Перехват всех POST отправок с форм через js?

Question

[readymans]

На сайте есть формы, как обычные с POST отправкой напрямую, так и Ajax без перезагрузки страницы.

В конец такого сайта надо поставить js, который бы отлавливал любую отправку форму и данные передавал на php файл другого сайта. Напрямую привязываться к селектору отправщика нельзя, так как он может быть неизвестным. Заранее будет неизвестно ни число форм, ни их тип.

Возможно для этого надо как-то использовать XMLHttpRequest? - Но для меня это темный лес, с ним не работал.

Скажите, как такое реализовать. Есть ли примеры?

Comments

[AlexSer]

можно написать еще один запрос ajax, который бы передавал отправленный данные на другой сайт. Просто в 1 ajax
отправке в success(если это jQuery) запускаешь вторую функцию ajax. который уже пердает на другой сайт.

[readymans]

К сожалению, нельзя трогать существующие ajax отправки. Мне нужно зафиксировать отправку ajax скриптом и если она была успешна, то сделать новый, отдельный ajax сериализовав данные с отправленной формы.

Например, обычная форма отправляет так:

$.ajax({
url: $(this).closest('form').attr('action'),
type: "POST",
processData: false,
contentType: false,
data: data,
dataType: "json"
});

Я не имею право внедрять свой код внутри нее - такое задание. Нужно после этого кода написать отдельный скрипт, который бы смог отловить данные этого ajax. Пока дошел только до этого:

$( document ).ajaxSend(function( event, request, settings ) {
console.log( request );
});

- и он действительно показывает, что был выполнен запрос, но не знаю, как вытащить отсюда responseText и statusCode - может вы знаете?

Answer 1

[Петр Васильев]

$('form').on('submit', function(e){
e.preventDefault().
var data = $(this).serialize():
// ваш аякс
})

Comments

[readymans]

Обычные формы без проблем ловлю, а вот те, что на аяксе - не могу перехватить. Ставлю такой код:
$( document ).ajaxSend(function( event, request, settings ) {
console.log( request );
});
если юзер отправляет форму через аякс, то в консоли отображаются нужные данные. Как отловить, что аякс успешен в такой ситуации? Вытащить responseText
и statusText? console.log( request.responseText ) ?

Answer 2

[amf1k]

Наверно можно посмотреть в сторону ServiceWork`еров. Там можно повесить события, например, на fetch и делать с запросом все что нужно

Answer 3

[frees2]

Напрямую привязываться к селектору отправщика нельзя, так как он может быть неизвестным.
-------------
Из полученного заголовка удалённого (curl использую) пост запросов формируем ленту json и = "json_name=" + JSON.stringify({name:
fetch(