### 前提・実現したいこといつもお世話になっております。 PHPとHTMLを使っているのですが、入力内容の確認ボタンを押すと、PHPで指定したsubmitボタンが押された時の処理を行いかつ次の画面（ここでいうとindex2.php）にPOSTで変数を送りたい。 ### 該当のソースコード ```php <?php session_start(); // データベース接続 $dbUrl = parse_url(getenv('DATABASE_URL')); $db['host'] = $dbUrl['host']; $db['user'] = $dbUrl['user']; $db['pass'] = $dbUrl['pass']; $db['dbname'] = ltrim($dbUrl['path'], '/'); // データベース名 $dsn = sprintf('pgsql:host=%s;dbname=%s',$db['host'],$db['dbname']); try{ $pdo = new PDO($dsn,$db['user'],$db['pass']); $sql = "SELECT * FROM sample01"; $res = $pdo->query($sql); }catch (PDOException $e){ exit(mb_convert_encoding($e->getMessage(),'UTF-8','SJIS-win')); } $pdo = null; // submitが押された時の処理 if(isset($_POST['submit'])){ //ここでしたいのはnameの重複チェックですが //エラーが出てまして未完成です //DBと接続 $pdo = new PDO($dsn,$db['user'],$db['pass']); //SQL文を準備 $sql = "SELECT * FROM sample3 WHERE name = :name"; //インジェクション対策 $stmt = $pdo->prepare($sql); //バインドする $stmt->bindParam(':name', $ans[0]); //SQLを実行 $stmt->execute(); $user = $stmt->fetch(); $_SESSION['name'] = $ans[0]; header("Location: index2.php"); } ?> PHP TEST ： "> ``` ### 発生している問題・エラーメッセージ１、「入力内容を確認」ボタンを押したら、phpで指定したsubmitが押された時の処理を行う前にindex2.phpに画面遷移してしまう。２、のaction=""に変えたらindex2.phpではans[]とres[]が受け取れていなかった。 ### 試したこと１、処理が行われる前に画面遷移してしまう。のでのaction=""に変えたらindex2.phpにPOSTで送れなくなってしまった。２、 ```jQuery $('button').on('click',function(e){ e.preventDefault(); $.ajax({ ・・・略 }) ``` 調べるとこれを使うと出たが、PHPではなくjQueryという別の言語みたい？？

古いブラウザを無視できるならfetch ```javascript window.addEventListener('DOMContentLoaded', ()=>{ document.querySelector('#sbm').addEventListener('click',e=>{ e.preventDefault(); const method = "POST"; const body = new FormData(e.target.form); fetch('send.php', {method, body}).then(data=>data.text()).then(console.log) }); }); ``` - send.php ```PHP ```

> ここでしたいのはnameの重複チェックですが Ajaxが適切な選択肢と思います。処理の順番としては下記 0. 入力内容を確認のボタンはとりあえずtype=buttonに 0. そのボタンクリックイベントを拾得。ajaxにてPHPにnameを渡す 0. 渡されたnameをPHPで受け取り、処理（今回はnameの重複チェックとやら） 0. 結果を返す 0. NG→エラーメッセージをJavaScriptで表示 OK→formをサブミット（actionはindex2.phpのまま変えなくて良いです蛇足： [前の質問の回答](https://teratail.com/questions/199898#reply-295935)にも書いたかもしれませんがbindParamよりbindValueのほうを利用してください。 [bindParam()とbindValue()の違い](https://qiita.com/_dozen_/items/f6239cf1bdab6f8b0026) のような記事にて言及されていますがbindParam()には副作用があるためです。

PHPで画面遷移を行わずPOSTしたい。

前提・実現したいこと

いつもお世話になっております。

PHPとHTMLを使っているのですが、
入力内容の確認ボタンを押すと、PHPで指定したsubmitボタンが押された時の処理を行いかつ次の画面（ここでいうとindex2.php）にPOSTで変数を送りたい。

該当のソースコード

php
1<?php
2session_start();
3	// データベース接続
4	$dbUrl = parse_url(getenv('DATABASE_URL'));
5	$db['host'] = $dbUrl['host'];
6	$db['user'] = $dbUrl['user'];
7	$db['pass'] = $dbUrl['pass'];
8	$db['dbname'] = ltrim($dbUrl['path'], '/');  // データベース名
9	$dsn = sprintf('pgsql:host=%s;dbname=%s',$db['host'],$db['dbname']);
10
11
12try{
13    $pdo = new PDO($dsn,$db['user'],$db['pass']);
14
15    $sql = "SELECT * FROM sample01";
16    
17    $res = $pdo->query($sql);
18    
19    
20}catch (PDOException $e){
21   exit(mb_convert_encoding($e->getMessage(),'UTF-8','SJIS-win'));
22}
23
24$pdo = null;
25
26	// submitが押された時の処理
27	if(isset($_POST['submit'])){
28
29                //ここでしたいのはnameの重複チェックですが
30                //エラーが出てまして未完成です
31		//DBと接続
32		$pdo = new PDO($dsn,$db['user'],$db['pass']);
33		//SQL文を準備
34		$sql = "SELECT * FROM sample3 WHERE name = :name";
35		//インジェクション対策
36		$stmt = $pdo->prepare($sql);
37		//バインドする
38		$stmt->bindParam(':name', $ans[0]);
39		//SQLを実行
40		$stmt->execute();
41		
42		$user = $stmt->fetch();
43		
44		$_SESSION['name'] = $ans[0];
45		
46		
47		header("Location: index2.php");
48	}
49?>
50
51<!DOCTYPE html>
52<html lang="ja">
53<head>
54	<meta charset="utf-8">
55	<title>PHP TEST</title>
56</head>
57<body>
58	<form method="POST" action="">
59	<table>
60		<?php foreach( $res as $value ): ?>
61		<tr>
62			<p>
63			<td>
64				<?php print htmlspecialchars($value[Question],ENT_QUOTES, "UTF-8"); ?>
65			</td>
66			<td>
67				：
68			</td>
69			<td>
70				<input type="text" name="ans[]" value="">
71				<input type="hidden" name="res[]" value="<?php echo $value[Question] ?>">
72			</td>
73			</p>
74		</tr>
75		<?php endforeach; ?>
76	</table>
77	<input type="submit" name="submit" value="入力内容を確認" />
78	</form>
79</body>
80</html>
81

発生している問題・エラーメッセージ

１、
「入力内容を確認」ボタンを押したら、phpで指定したsubmitが押された時の処理を行う前にindex2.phpに画面遷移してしまう。
２、

<form method="POST" action="index2.php"> のaction=""に変えたらindex2.phpではans[]とres[]が受け取れていなかった。

試したこと

１、
処理が行われる前に画面遷移してしまう。ので

<form method="POST" action="index2.php"> のaction=""に変えたらindex2.phpにPOSTで送れなくなってしまった。

２、

jQuery
1$('button').on('click',function(e){
2    e.preventDefault();
3    $.ajax({
4    ・・・略
5})

調べるとこれを使うと出たが、PHPではなくjQueryという別の言語みたい？？

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

回答3件

ベストアンサー

index2.phpの方に処理を持っていくのはどうでしょうか。

投稿2019/07/19 07:56

zushi0905

総合スコア683

m.ts10806

2019/07/19 08:00

追記された内容からすると行いたい処理はバリデーションなので、「そのあとどうするか」要件にもよりますね。

red-ehephant

2019/07/19 08:01

私もそれでしたいのですが、言われた課題はここで処理なので変えれないんですよね。アドバイスありがとうございます。

zushi0905

2019/07/19 08:15

なるほど。やらしい制限ですね。 header('HTTP/1.1 307 Temporary Redirect'); //追加 header("Location: index2.php"); 307ステータスで送ってみたらどうですか？

red-ehephant

2019/07/19 08:34

header('HTTP/1.1 307 Temporary Redirect'); //追加の１文を追加で記入するだけでできました！！！！！ありがとうございます。この１文について調べたのですが、理解できませんでした。

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

古いブラウザを無視できるならfetch

javascript
1<script>
2window.addEventListener('DOMContentLoaded', ()=>{
3  document.querySelector('#sbm').addEventListener('click',e=>{
4    e.preventDefault();
5    const method = "POST";
6    const body = new FormData(e.target.form);
7    fetch('send.php', {method, body}).then(data=>data.text()).then(console.log)
8  });
9});
10</script>
11<form method="post" action="send.php">
12<input type="text" name="res[]" value="a"><br>
13<input type="text" name="res[]" value="b"><br>
14<input type="text" name="res[]" value="c"><br>
15<input type="submit" value="send" id="sbm">
16</form>