<!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <meta charset="UTF-8"> <title>用户登录</title> </head> <body> <div class="wrap"> <form> <fieldset> <legend>用户登录</legend> <p>邮箱地址: <input type="email"id="email" placeholder="邮箱地址"> </p> <p>登录密码: <input type="password"id="password" placeholder="登录密码"> </p> <p> <button id="login">登录</button> <span style="color:red;font-size:1.1em" id="tips"></span> </p> </fieldset> </form> </div> </body> <script type="text/javascript"> $('#login').click(function () { $.post( 'api/user.php?m=login', { "email":$('#email').val(), "password":$('#password').val() }, function (data) { var res = "邮箱或密码错误,请重新输入"; if(data!=1){ $('#email').focus(); }else{ res = '登录成功,正在跳转....'; setTimeout(function () { location.href = 'api/index.php' },2000); } $('#tips').text(res); }, 'json' ); return false; }) </script> </html>