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.
