php& jquery:渐进增强

时间:2009-12-11 21:17:19

标签: php jquery progressive-enhancement

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

我想开始使用ajax(jquery)来提交表单,但是让原始的php提交回来,因为客户端没有使用javascript。我仍然是jquery的新手,并且发现了几个使用jquery提交的示例,但没有使用我上面描述的设置。如果可能的话,有人可以举一个简短的例子或指向一个页面。谢谢

3 个答案:

答案 0 :(得分: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.";
  ));
}

答案 1 :(得分:1)

您可以在http://jquery.malsup.com/form/

使用jquery表单插件

这将很容易转换现有页面。

答案 2 :(得分:0)

如果响应正常,则在$ .post回调中

window.location.href = thankyou_page_url。