PHP＆jqueryの：プログレッシブ・エンハンスメント

Question

私は、データを送信するために使用されるフォームを持っているいくつかのPHPページを持っています。私は入力を検証し、ユーザが（エラーがどこにあるかを示すためにとマークアップ）のデータを提出し、必要な場合はページをリロードすることができるように私の典型的なセットアップは、それ自体へのページのポストを持っていることです。すべてがOKであれば、私はthank youページにリダイレクトします。

私は、フォームを送信するために、AJAX（jqueryの）を使用して開始したいが、元のPHPは、クライアントはJavaScriptを使用していない包み背中に下落し提出する必要があります。私はまだjqueryのに非常に新しいだと私は、上記の設定を使用してjQueryのが、どれを使用して提出するいくつかの例を発見しました。可能であれば、誰かがないページへの簡単な例やポイントを与えることができます。おかげ

Answer 1

あなたはおそらくここでjQueryのフォームプラグインを使用することができます http://jquery.malsup.com/form/

それは簡単な方法だろう既存のページを変換します。

Answer 2

あなたは、POSTメソッドを使用してjQueryを使ってPOSTデータを送信することができます：

$.post("verify.php", {"name":"jonathan"}, function(results) {
  if (results.response == "ok") {
    alert(results.message);
    $("#form").remove();
  } else {
    alert(results.message);
  }
}, "json");

の例スクリプトは、次のことができる：

if ($_POST["name"] == "jonathan")
{
  print json_encode(array(
    "response" => "ok",
    "message"  => "You have been verified.";
  ));
}
else
{
  print json_encode(array(
    "response" => "fail",
    "message"  => "Your name is incorrect.";
  ));
}

Answer 3

window.location.href = thankyou_page_urlあなたの$ .postコールバックでの応答がOKであれば。