Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 12月25日jQuery(AJAX请求)-九期线上班
Blogger Information
Blog 36
fans 1
comment 0
visits 28749
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
12月25日jQuery(AJAX请求)-九期线上班
WJF
Original
1043 people have browsed it

登陆页HTML

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>用户登陆</title>
  6.     <script src="jquery-3.4.1.min.js"></script>
  7.     <script src="layer/layer.js"></script>
  8.     <style>
  9.         p{
  10.             background-color: #0C9A9A;
  11.             padding: 10px;
  12.             margin: 10px 50px 0 50px;
  13.             border-radius: 5px;
  14.         }
  15.         p input{
  16.             border-radius: 5px;
  17.         }
  18.         button{
  19.             background-color: #0a68b4;
  20.             padding: 10px;
  21.             margin: 10px 10px 0 50px;
  22.             border-radius: 5px;
  23.         }
  25.     </style>
  26. </head>
  28. <form action="">
  29.     <p>用户名：<input type="text" id="user" name="user"></p>
  30.     <p>密码：<input type="password" id="pass" name="pass"></p>
  31.     <button type="button" onclick="lpost()"> 登陆POST</button>
  32.     <button type="button" onclick="lget()"> 登陆GET</button>
  33. </form>
  34. <script>
  35.     function lpost() {
  36.         var user = $.trim($('input[name="user"]').val());
  37.         var pass = $.trim($('input[name="pass"]').val());
  38.         $.post('/1225/lpost.php',$('form').serialize(),function(res){
  39.             layer.alert(res.msg, {icon: res.icon});
  40.             if(res.code==0){
  41.                 window.location.href = "/1225/user.html";
  42.             }
  43.         },'json');
  44.     }
  45.     function lget() {
  46.         var user = $.trim($('input[name="user"]').val());
  47.         var pass = $.trim($('input[name="pass"]').val());
  48.         $.get('/1225/lget.php',{user:user,pass:pass},function (res) {
  49.             layer.alert(res.msg, {icon: res.icon});
  50.             if(res.code==0){
  51.                 window.location.href = "/1225/user.html";
  52.             }
  53.         },'json');
  54.     }
  55. </script>
  56. </body>
  57. </html>
  1. <?php
  2. $user = $_POST['user'];
  3. $pass = $_POST['pass'];
  5. if ($user=='' || $pass==''){
  6.     $data = json_encode(
  7.         [
  8.             'code' => 400,
  9.             'msg' => '账号密码信息填写不完整！',
  10.             'icon' => 2
  11.         ]
  12.     );
  13.     exit($data);
  14. }
  16. if ($user!='admin'){
  17.     $data = json_encode(
  18.         [
  19.             'code' => 1,
  20.             'msg' => '用户名错误',
  21.             'icon' => 5
  22.         ]
  23.     );
  24.     exit($data);
  25. }
  27. if ($pass!='123456'){
  28.     $data = json_encode(
  29.       [
  30.           'code' => 2,
  31.           'msg' => '密码错误',
  32.           'icon' => 5
  33.       ]
  34.     );
  35.     exit($data);
  36. }
  38. $data = json_encode(
  39.     [
  40.         'code' => 0,
  41.         'msg' => '你好' . $user . '欢迎━(*｀∀´*)ノ亻!',
  42.         'icon' => 1
  43.     ]
  44. );
  45. exit($data);
  1. <?php
  2. $user = $_GET['user'];
  3. $pass = $_GET['pass'];
  5. if ($user=='' || $pass==''){
  6.     $data = json_encode(
  7.         [
  8.             'code' => 400,
  9.             'msg' => '账号密码信息填写不完整！',
  10.             'icon' => 2
  11.         ]
  12.     );
  13.     exit($data);
  14. }
  16. if ($user!='1'){
  17.     $data = json_encode(
  18.         [
  19.             'code' => 1,
  20.             'msg' => '用户名错误',
  21.             'icon' => 5
  22.         ]
  23.     );
  24.     exit($data);
  25. }
  27. if ($pass!='1'){
  28.     $data = json_encode(
  29.         [
  30.             'code' => 2,
  31.             'msg' => '密码错误',
  32.             'icon' => 5
  33.         ]
  34.     );
  35.     exit($data);
  36. }
  38. $data = json_encode(
  39.     [
  40.         'code' => 0,
  41.         'msg' => '你好' . $user . '欢迎━(*｀∀´*)ノ亻!',
  42.         'icon' => 1
  43.     ]
  44. );
  45. exit($data);
Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：动画演示真好
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post