表单的异步请求及响应数据的处理、后台脚本接收并过滤用户数据后返回请求页面、结合 session 实现用户会话跟踪

表单的异步请求（fetch）及响应数据的处理

1）登录页面，提交按钮添加 onclick 事件<!– button 的 type 属性设置为 button，取消默认提交 –><buttontype=“button”onclick=“doLogin(this)“>提交</button> 2）登陆页面脚本，定义按钮执行函数 doLogin()

函数功能：

获取用户输入数据验证用户数据（这里仅非空验证）将用户数据发送给后台脚本（handle.php）同时发起异步请求根据后台脚本返回的数据，判断源码搭建wcqh.cn用户是否登录成功，并执行对应的操作async function doLogin(obj){// 获取用户输入数据const email = obj.form.email.value;const password = obj.form.password.value;// 非空验证if(email.length >0&& password.length >0){// 将用户数据发送给后台脚本（handle.php）同时发起异步请求const response = await fetch(./lib/user/handle.php,{ method:POST, headers:{Content-Type:application/j源码搭建wcqh.cnson;charset = utf-8}, body: JSON.stringify({email, password})})// 解析返回的数据 response返回json格式时，用r.json()打印响应的内容const result = await response.json();if(result){ alert(登录成功);// 首页跳转 location.href =index.php;}else{ alert(验证失败，请核实信息); location.href =login.php;}}}

后台脚本接收并过滤用户数据后返回请求页面

脚本功能：

接收用户输入的表单数据与后台存储的用户数据进行比对，判断用户输源码搭建wcqh.cn入是否正确将比对结果返回给请求页面如果用户登录成功，将用户名保存到 session : $_SESSION[‘name’]// 开启 sessionsession_start();// 引入用户模拟数据，用于比对用户输入数据$users =require __DIR__./../../data/user.php;// 1.接收表单数据 不能使用传统的超全局变量$_POST来接收// json当成文本流原始数据来接收$json = file_get_contents(php://input);// 2.$json 并非php所能识别的数据类型 需要将json字符串转成php数组$user =json_de源码搭建wcqh.cncode($json,true);// 3.解析用户提交的数据 和数据表里的数据进行匹配$email = $user[email];$salt =wwwphpcn23;$password = md5($user[password]. $salt);// 4. 用户过滤（比对用户输入数据）$result = array_values(array_filter( $users,function($user)use($email, $password){return $user[email]=== $email && $user[password]=== $password;}));// 5.结果分析，并将结果返回请求页面// 源码搭建wcqh.cn默认检查不通过$flag =false;if(count($result)===1){ $flag =true; $_SESSION[name]= $result[0][name];}echo json_encode($flag);

各页面根据 session 中保存的内容实现用户会话跟踪

头部模板 header.php

// 开启 sessionsession_start();<nav><a href=“index.php”>首页</a><?php foreach($navs as $v): extract($v);?><a href=“<?= $url ?>”><?= $name ?></a><?php endfor源码搭建wcqh.cneach;?><?php if(isset($_SESSION[name])):?><a href=“login.php”><?= $_SESSION[name]?></a><?php else:?><a href=“login.php”>登录</a><?php endif;?></nav>