php - php & jquery：渐进式增强

Question

我有几个具有用于提交数据的表单的 php 页面。我的典型设置是将页面发布到自身，以便我可以验证输入，并在必要时使用用户提交的数据重新加载页面（以及标记以显示错误所在）。如果一切正常，我会重定向到感谢页面。

我想开始使用 ajax (jquery) 提交表单，但是让原始的 php 提交以防万一客户端不使用 javascript。我对 jquery 还是很陌生，并且找到了几个使用 jquery 提交的示例，但没有使用我上面描述的设置。如果可能的话，有人可以举一个简短的例子或指向一个页面。谢谢

Answer 1

您可以使用 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 2

您可以在这里使用 jquery 表单插件http://jquery.malsup.com/form/

这将是转换现有页面的一种简单方法。

Answer 3

如果响应正常，则在 $.post 回调中添加 window.location.href =Thankyou_page_url。