会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax案例</title>
    <script src="js/jquery-3.5.1.js"></script>
</head>
<body>
 <span>用户名:</span><input type="text" class="username">
 <span>密码:</span><input type="text" class="password">
 <button class="button">点击</button>
 <script>
     $('button').click(function () {
        $.ajax({
          //请求方式
           type:'post',
          //交互数据格式为JSON
          dataType:'json',
          //指明请求发送到PHP后台的地址
          url:'777.php',
          data:{
               myName:$('.username').val(),
               myPass:$('.password').val()
          },
          success:function (res) {
              if(res.infor==0){
                  alert('登录失败')
              }else {
                  alert('登录成功')
              }
          }
      });

  });
 </script>
</body>
</html>
<?php
  $username=$_post['myName'];
  $password=$_post['myPass'];
  $success=array('msg'=>'ok'),
  if($username=='beixi'&& $password=='123456'){
   $success['infor']=1;
  }else{
   $success['infor']=0;
  }
  echo json_encode($success);
?>

老师麻烦看一下前后端没法交互  谢谢老师

WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 166楼
WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 167楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 169楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 171楼
WEB前端全系列/第五阶段:前后端交互/服务器 172楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 173楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 174楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 176楼

老师为啥我结果出不来?

没数据返回

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <span>用户:</span><input type="text" class="userName">
   
    <span>密码:</span><input type="text" class="passWord">
    <button>提交</button>
    <script src="libs/jquery.min.1.9.1.js"></script>
    <script>
        $('button').click(function(){
            $.ajax({
             type:'post',
             url:'登录界面带数据库.php',
             dataType:'json',
             data:{
                 userName:$('input').eq(0).val(),
                 passWord:$('input').eq(1).val()
             },
             success:function(res){
             console.log(res);
             }

            })

        })
    </script>
</body>
</html>
<?php
$myname=$_POST['userName'];
$mypass=$_POST['passWord'];
$arr1=[];
$con=mysqli_connect('127.0.0.1','root','','beixidb');
mysqli_query($con,'set names uft8');
mysqli_query($con,'set character_set_client=uft8');
mysqli_query($con,'set character_set_results=uft8');

if($con){
$sql='select *from login where 1';
$result=$con->query($sql);

// $reslut=$con->query($sql);
if($result->now_rows>0){
    //解析结果
      $arr=[];
      for($i=0;$row=$result->fetch_assoc();$i++){
          $arr[$i]=$row;
      }
      $arr1['infoCode']=$arr;
   
}else{
    //数据查询不到
    $arr1['infoCode']=1;

}


}else{
    $arr1['infoCode']=2;
}
echo json_encode($arr1);

?>

image.png

image.png

image.png

WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 177楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 178楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 179楼

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>前后台交互_登陆案例</title>
    <script src="js/jquery-1.12.3.min.js"></script>
</head>

<body>
    <span>用户名:</span><input type="text" class="username" /><br>
    <span>密码:</span><input type="text" class="password" /><br>
    <button>用户登陆</button>
    <script>
        $('button').click(function () {
            $.ajax({
                type: 'post',
                url: '11登陆案例.php',
                dataType: 'json',
                data: {
                    myName: $('.username').val(),
                    myPass: $('.password').val(),
                },
                success: function (res) {
                    console.log(res);
                    // if(res.infoCode==0){
                    //     alert('用户名或者密码错误!');
                    // }else{
                    //    alert('登陆成功');
                    // }
                }
            });
        });
    </script>
</body>

</html>
<?php
    $username=$_POST['myName'];
    $password=$_POST['myPass'];
    $success=array('msg'=>'ok');
    if ($username=='xiaoming'&&$password=='123456'){
        //登陆成功 返回1
        $success['infoCode']=1;
    }else{
        //登陆失败 返回0
        $success['infoCode']=0;
    }

    //返回给前台
    echo json_encode($success);
?>

QQ截图20211103002511.png老师,我这边这个报错是什么原因,麻烦老师给看下

WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 180楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637