注册实例:JQuery ajax json php接收并返回值，根据设定值判断注册是否成功-CFANZ编程社区

注册实例:JQuery ajax json php接收并返回值，根据设定值判断注册是否成功

思路：PHP注册成功后，给一个变量值，并把这个变量值返回到注册HTML网页，让JS判断是否等于设定的值，如果等于就是注册成功

html代码:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>ajaxTest</title>
</head>
<body>
    <input type="text" id="username">
    <input type="text" id="password">
    <button id="sub">注册</button>
    <span id="text"></span>
</body>
<script src="//cdn.bootcss.com/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script>
  $(function(){
      $('#sub').click(function(){
        var username=$('#username').val();
        var password=$('#password').val();
            $.ajax({
            type: "post",
            url: "03.php",
            data: {username:username,password:password},//提交到demo.php的数据
            dataType: "json",//回调函数接收数据的数据格式
                success: function(msg){
            
                        var data='';
                        if(msg!=''){
                        data = eval("("+msg+")");
                        }
                        if(data.su=='success'){
                          $('#text').html("用户名为：" + data.username + ",密码为：" + data.password + ",成功：" + data.su);
                        }else{
                          $('#text').html("用户名为：" + data.username + ",密码为：" + data.password + ",失败：" + data.su);
                        }
                        console.log(data);
                },
                error:function(msg){
                      console.log(msg);
                }
            });
      })
  })
</script>
</html>

03.php代码

<?php
   header('Content-type:text/json;charset=utf-8');
    $username=$_POST['username'];
    $password=$_POST['password'];
   
   //也可以在成功插入数据库后再赋值success  在这里不具体写出来，只是做一个简单判断后赋值
   if($username=="" || $password==""){
      $su="";
   }else{
      $su="success";//给su赋值“success”;
   }
    
   $data='{su:"' . $su .'"}';//只返回su变量值来判断是否注册成功，其它值不返回
   //$data='{username:"' . $username . '",password:"' . $password .'",su:"' . $su .'"}';//所有值都返回
   echo json_encode($data);
?>

0 条评论