Как сделать срабатывние формы с ajax?

Question

[Сергей]

Как сделать чтоб при нажатии сабмит, через аякс отправлялись данные на сервер и происходил переход с данными в форме на другой сайт. Сейчас только работает отправка на сервер.
Есть форма

<form id="addpro" method="GET" action="https://site.com">
      <input type="hidden" name="id" value="234">
      <input type="submit" value="Button">
      </form>

Скрипт на отправление данных на сервер

$("form#addpro").submit(function(){

    var formData = new FormData(this);

    $.ajax({
        url: 'procces.php',
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)

        },
        cache: false,
        contentType: false,
        processData: false
    });

    return false;
});

Comments

[riot26]

Вопрос непонятный. Что имеется ввиду под "происходил переход с данными на другой сайт"?

[Сергей]

riot26, Чтоб срабатывала форма и данные в ней отправлялись на сайт

[Сергей Герасимов]

Не понятно что именно требуется.
Но попробуйте убрать return false... или поставить return true

[Сергей]

А можно чтоб срабатывал аякс(отправка данных на сервер) и форма с отправкой данных на сайт?

Answer 1

[Exploding]

Святые алгоритмы! Похоже я разгадал эту загадку столетия!))
method="POST"

<form id="addpro" method="POST" action="procces.php">
      <input type="hidden" name="id" value="234">
      <input type="hidden" name="redirect" value="https://site.com">
      <input type="submit" value="Button">
      <input type="hidden" name="id" value="234">
</form>

procces.php:

//что-то делаем....
    header("location: ".$_POST['redirect']);

$("form#addpro").submit(function(){

    var formData = new FormData(this);

    $.ajax({
        url: 'procces.php',
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)

        },
        cache: false,
        contentType: false,
        processData: false
    });

    return false;
});

Comments

[Сергей]

И как это прописать?

header("location: ".$_POST['redirect']);

Куда url вставить сайта?

[Exploding]

Сергей, смотрите внимательно на поля в форме, а также на ее метод, экшн...

[Exploding]

Сергей,
Вот

Answer 2

[Ирина]

До отправки данных аяксом сделать переменную-указательна форму,
типа $this=$(this);
И тогда в success уже можем обращаться к этой форме
$this.submit()

Comments

[Одиночка Айс]

бред... что это даст?

[Exploding]

Одиночка Айс, Хм, не проверял, да и лень))) Но по-моему, если мы в success запусим событие submit - это даст возможность войти в бесконечный цикл))

[Ирина]

Exploding, для исключения цикла, отправка данных аяксом - по событию клика по кнопке, а не submit

[Exploding]

Ирина, Проверите?

<form id="addpro" method="GET" action="https://site.com">
      <input type="hidden" name="id" value="234">
      <input type="submit" value="Button">
      </form>
<script>
$(document).ready(function(){
	
	
	$("form#addpro").submit(function(){

		var formData = new FormData(this);
		var $this=$(this);
		$.ajax({
			url: 'procces.php',
			type: 'POST',
			data: formData,
			async: false,
			success: function (data) {
				
				alert(data);
				$this.submit();
			},
			cache: false,
			contentType: false,
			processData: false
		});

		return false;
	});
	
});
</script>

[Ирина]

Exploding, я написала выше, что отправка данных аяксом - по событию клика по кнопке, а не submit
соответственно код надо поправить с учетом этого

$(document).ready(function(){ 
	$("form#addpro").on('click', '[type=submit]', function(){	
    	var $this=$(this).closest('form');
    	$.ajax({
      		url: 'process.php',
      		type: 'GET',
      		data: $(this).closest('form').serialize(),
      		async: false,
      		success: function (data) {
        		alert(data);
      			$this.submit();
      		},
      		cache: false,
      		contentType: false,
      		processData: false
    	});
    	return false;
  	});
});

[Exploding]

Ирина, Ах вот оно что вы имели ввиду! Вы с автором не родственники случайно?))
Ну вот, с примером кода все стало на свои места:)

Answer 3

[Одиночка Айс]

Если вы пытаетесь отправить данные через POST на сторонний сайт, то у вас так не получится.

1. Используйте текущий AJAX для сбора и обработки данных.
2. Используйте CURL чтобы отправить POST данные на другой сайт.