1

buttonをクリックし、name='action'がPOSTされたら、DELETEをexecute();しているのですが、
このとき、同時にhome.phpへ遷移させたいです。

<button type='submit' name='action' value='delete' onclick="location.href='home.php'">
だったり、
if ($_POST['action'] == 'delete') {$stmt->execute(); header("Location: ./home.php");}
なども試したのですが、うまくいきませんでした。

いろいろ調べて試したのですが、自分の力では、遷移と削除のどちらか一方しか一度に実行できませんでした。
方法をご存知の方、ご教示いただけると幸いです。

$stmt = $db->prepare("DELETE FROM table WHERE url = :url");
$stmt->bindValue(":url", $url, PDO::PARAM_STR);
echo "<form method=\"post\"><button type='submit' name='action' 
value='delete'>Delete</button></form>";
if ($_POST['action'] == 'delete') {
    $stmt->execute();
}
3
  • もしくはbutton押下で、javascriptでダイアログ(削除実行/キャンセル)を表示させるとともに、元の画面はhome.phpに遷移させてしまう。 というのは可能でしょうか
    – rrrnnnn
    Commented 2015年12月2日 3:13
  • 「うまくいかない」が「どううまくいかない」のかを書かないと回答貰えないと思います。
    – mattn
    Commented 2015年12月2日 3:43
  • そうですね。質問文の意味では、ページ遷移できないということです。削除を実行する場合、DB上では削除されていますが、画面上はデータが表示されたままで、ページ遷移もされません。(そして遷移するコードの場合は、削除がされません。)
    – rrrnnnn
    Commented 2015年12月2日 4:18

2 件の回答 2

2

上記のコードが action=delete 自の処理だとした場合、中でechoしてしまうと php はヘッダを出力してしまいます。
つまり後から

header("Location: ./home.php");

を実行しても移動しなくなってしまいます。また削除の prepared statement が作られているのに if の中だけでしか実行していないのも気になります。

if ($_POST['action'] == 'delete') {
    $stmt = $db->prepare("DELETE FROM table WHERE url = :url");
    $stmt->bindValue(":url", $url, PDO::PARAM_STR);
    $stmt->execute();
    header("Location: ./home.php");
    return;
}

こう書くと action=delete 時に削除クエリを実行し、その後画面遷移してくれるかと思います。

12
  • ご回答ありがとうございます。提示頂いたコードを試したところ、buttonを押すと、Deleteボタンの隣に配置しているTweetボタン(これは今タグだけで、機能させていません)が表示されなくなるという現象が起きました。つまり、表示はともかく画面は更新されているようですが、ページ遷移されず同じphp内に留まっている状況です。
    – rrrnnnn
    Commented 2015年12月2日 6:41
  • ちなみに button タグの回りに <form> タグは書いておられるでしょうか?
    – mattn
    Commented 2015年12月2日 6:47
  • Tweetの<button>タグの周りには書いてないです。→<button id="tw">Tweet</button>
    – rrrnnnn
    Commented 2015年12月2日 6:49
  • 書きましょう。。。。。。。。。
    – mattn
    Commented 2015年12月2日 7:01
  • <form><button>Delete</button><button>Tweet</button></form>としても、<form><button>Delete</button></form><form><button>Tweet</button></form>としてもダメですね...。
    – rrrnnnn
    Commented 2015年12月2日 7:49
0

JavaScriptでbuttonの押下時の処理を制御するのはどうでしょうか?

document.querySelector("button[name='action']").onclick = function() {
  var data = { "name": "John Doe", "age": 25 }; // POSTするデータ
  var url  = "./action.php"; // POST送信先URL
  var xhr  = new XMLHttpRequest();

  xhr.open("POST", url);
  xhr.setRequestHeader("Content-Type", "application/json");
  xhr.timeout   = 1000 * 30;
  xhr.onload    = _onXHRLoad;
  xhr.onerror   = _onXHRError;
  xhr.ontimeout = _onXHRTimeout;
  xhr.send(JSON.stringify(data));

  /**
   * 非同期通信成功時の処理
   */
  function _onXHRLoad(ev) {
    location.href = "./home.php";
  };

  /**
   * 非同期通信エラー時の処理
   */
  function _onXHRError(err) {
    console.error("Error:", err);
    return false;
  };

  /**
   * 非同期通信タイムアウト時の処理
   */
  function _onXHRTimeout(err) {
    console.error("Error:", err);
    return false;
  };
};
3
  • Kazma Arakakiさま、ご回答ありがとうございます。すこし質問させてください。削除の処理が自ファイル_content.php_内にある場合(つまり パラメータを他ファイル_home.php_に渡したい訳ではない場合)、POST送信先URLにはどちらを設定すべきですか?
    – rrrnnnn
    Commented 2015年12月3日 3:48
  • @rrrnnnn _content.php_です。POSTは削除処理のあるファイルに送信します。
    – a10a
    Commented 2015年12月3日 8:38
  • ありがとうございます。var dataに今の私のコードの何を入れたらよいか分からなかったので、UIを変更する方向で解決したいと思います。せっかくなのに、申し訳ありません。
    – rrrnnnn
    Commented 2015年12月4日 5:22

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。