PHP+JQuery登录验证过程

1.需求
想做一个登录的验证页面。有几个要求。
a.无跳转
b.后台使用php做验证。

2.流程
点击"登录"键---->(jquery)获取输入值并发送POST请求----->给logingverify.php------->返回验证结果给jquery---->调用回调函数显示结果。


3.要点
JQuery:

$("#signin_submit").click(function(e){
e.preventDefault();
var id = $("#username").val();
var pwd = $("#password").val();
var url = "login/loginverify.php";
$.post(url,{name:id,password:pwd},function(data,status){ $("#result").html(data);});
});

这段代码中，首先获取了#username 和 #password的值。
然后，通过post将两个值发送给了 login/loginverify.php

$.post(URL,data,callback);

其中 url的值是 "login/loginverify.php", 而发送的data是{name:id,password:pwd}

之后的function(data,status)是回调函数。当接收到post的返回值后，该方法负责将#result的内容更新为得到的结果。


PHP:

<?php
    $name = $_POST['name'];
    if($name == "test")
        echo "Success";
    else
        echo "Failed";
?>

首先，JQuery向它发送的是POST请求，那么，我们可以通过$_POST['fieldname']得到刚才JQuery中post的内容。
这里我们得到$name,判断他的值是不是"test".
如果是的话 输出Success,反之 输出Failed.

值得注意的是，刚才Jquery中的回调函数有两个参数，一个是data,一个是status.我们echo出的东西，实际是作为data返回的，而status的值，因为该php正确的执行了，所以无论我们返回的是Success或者Failed,status这个参数看到的其实都是success.