下面定义了一个简单的表单提交用户名和密码，使用回调函数拿到后台返回的JSON串后，转换成对象再取出其中的信息，告知用户是登陆成功还是失败

//html部分 //调用封装好的函数 <script src="request.js"></script> <div> <input type="text"> <input type="password"> <button>登录</button> </div> //js部分 <script> var username = document.getElementById("username"); var passwd = document.getElementById("passwd"); var loginBtn = document.getElementById("loginBtn") loginBtn.onclick = function () { //设置请求地址及提交内容 var url = "login.php"; var postbody = "username="+username.value+"&passwd="+passwd.value; //发起ajax请求，并使用回调函数实现功能 request("POST",url,postbody,function (resText) { //把json格式的字符串转换成对象 var obj = JSON.parse(resText); alert(obj.msg); }); } </script> //php部分login.php <?php //从请求中获取用户名和密码 $username = $_POST["username"]; $passwd = $_POST["passwd"]; //连接服务器 @$mysqli = new mysqli("localhost","root","","user"); $mysqli->query("set names utf8"); //查询语句 $sql = "SELECT * FROM user WHERE username='$username' AND passwd='$passwd'"; //数据库执行查询 $result = $mysqli->query($sql); //判断查询结果是否有值，并定义返回字符串 //echo出来的就是返回前端的数据 if($result->num_rows > 0){ echo '{"errorcode":0,"msg":"登陆成功"}'; }else{ echo '{"errorcode":1,"msg":"用户名或密码错误"}'; } //关闭服务器 $mysqli->close(); ?>