SUBMIT時に処理順序を決定したいができますか？

#やりたいこと
FORMのaction先の処理を必ず優先し、それが終わってからjqueryの実行が行えるようにしたい

必ず、sample1.php,sample2.phpの順で実行したい

#やってみたこと

HTML
1<script>
2  var data;
3    $('#submit').on('click',function(){
4		$.ajax({
5			url: "sample2.php",
6			type: "POST",
7			cache: false,
8			data: data,
9		success: function(data) {
10		},
11		error: function(data) {
12		}
13	});
14    });
15</script>
16<form name="add_order" action="sample1.php" method="POST" enctype="multipart/form-data">
17
18// input などの入力項目
19<input type="submit" id="submit" value="登録">
20</form>

sample2.phpでは、sample1.phpの処理結果の値を必要としているが、
sample2.phpが正常に値を受け取れないケースが発生する

x_x

2018/08/27 07:44

sample2.phpの処理中にsample1.phpの処理もするというわけにはいかないのでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

FORMのaction先の処理を必ず優先し、それが終わってからjqueryの実行が行えるようにしたい

この構造では無理です。<form action>に従って送信を行えばページ遷移しますので、その時点でページ内のJavaScriptは実行打ち切りとなります。

内部的にsample1.phpとsample2.phpを呼び出すようなPHPファイルを作って、そこにPOSTする
sample1.phpへの送信もAjaxに置き換える

など、抜本的に構造を変える必要があります。

投稿2018/08/27 06:20

maisumakun

総合スコア145184

こんな感じですかね？

javascript
1<script>
2$(function(){
3  $('#btn').on('click',function(){
4    $.ajax({
5    url: "sample2.php",
6    type: "POST",
7    cache: false,
8    data: {"b":2},
9    }).done(function(data) {
10      $('#f1').trigger("submit");
11    });
12  });
13});
14</script>
15<form action="sample1.php" method="POST" enctype="multipart/form-data" id="f1">
16<input name="a" value="1">
17<input type="button" id="btn" value="登録">
18</form>
19