利用cookie实现免登录ajax发送请求post

最新推荐文章于 2022-10-12 14:28:09 发布

冲冲冲冲fyx

最新推荐文章于 2022-10-12 14:28:09 发布

阅读量194

点赞数 2

文章标签： js

本文链接：https://blog.csdn.net/mengniumeiwoniu/article/details/114977074

版权

必须在注册页面注册以后，cookie里面才有记录，就可以直接进入购物车，直接点击购物车页面会，当页面检查到cookie没记录的时候，会自动跳转去注册页面
html：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script src="./cookie.js"></script>
   <title>Document</title>
   <style>
      *{
         margin: 0;
         padding: 0;
      }
   </style>
</head>
<body>
   账号：<input type="text" class="zh">
   密码：<input type="password" class="mm">
   <input type="button" value="注册" class="btn">
   <script>
      var btn = document.querySelector(".btn")
      var zh = document.querySelector(".zh")
      var mm = document.querySelector(".mm")
      btn.onclick=function(){
         var name = zh.value
         var ps = mm.value
         var xhr = new XMLHttpRequest()
         xhr.open('POST','./ceshi.php')
         xhr.onload=function(){
            var obj = xhr.response
           obj = JSON.parse(obj)
           console.log(obj);
            if(obj.code==1){
               console.log('注册成功');
            }else{
               console.log('注册失败');
            }

         }
         xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
         xhr.send('account='+name+'&password='+ps)
      }
   </script>
</body>
</html>

js:

<?php
    header('content-type:text/html;charset=utf-8;');
    $name = $_POST['account'];
    $password = $_POST['password'];
    $link = mysqli_connect('127.0.0.1','root','root','huawei');
    $sql = "INSERT INTO `goods` VALUES (null,'$name','$password',null)";
    $res = mysqli_query($link,$sql);
    if($res){
        $arr = array('code'=>'1');
        setCookie('name','456'.$name.'453');
        echo json_encode($arr);
    }else{
        $arr = array('code'=>'0');
        echo json_encode($arr);
    }
    mysqli_close($link);
?>

购物车页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./cookie.js"></script>
    <title>Document</title>
</head>
<body>
    <h2></h2>
    <script>
        var h2 = document.querySelector('h2');
        var use =  getCookie('name')
        console.log(use);
        if(use){
            use = use.slice(3,-3);
            use =decodeURI(use);
            h2.innerHTML = use+'的购物车';
        }else{
            location.href='./ceshi.html';
        }
    </script>
</body>
</html>