会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题
WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 76楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 77楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 78楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 79楼

老师 有三个问题

老师 为啥我后台接受前台的值会报错?

第二

$arrInfo[$j]['username']==$pass&&$arrInfo[$j]['password']==$user这个判断语句要怎么写

第三为啥汇报跨域错误?

<?php

try {
    $pdo=new PDO('mysql:host=127.0.0.1;dbname=beixidb','root','');
    $pdo->exec('set names utf8');
} catch (PDOException $err) {
    echo '连接失败'.$err->getMessage();
}
$pass=$_POST['pword'];
$user=$_POST['uname'];
$sql='select *from login';
$pdoSo=$pdo->prepare($sql);
$pdoSo->execute();
$pdoSo->bindColumn(1,$uer);
$pdoSo->bindColumn(2,$pass);
$arrInfo=[];
for($i=0;$pdoSo->fetch(PDO::FETCH_COLUMN);$i++){
   
    $arrInfo[$i]=array('username'=>$uer,'password'=>$pass,);

}
print_r($arrInfo);
$info=false;
for($j=0;$j<=count($arrInfo);$j++){
    if($arrInfo[$j]['username']==$pass&&$arrInfo[$j]['password']==$user){
       
        $info=true;
        echo '登陆成功';
        break;
    }
}
if(!$info){
    echo '账号或者密码错误';
}
?>
<!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>
<div id="login">  
    <span>用户:</span><input type="text" id="usernameInput" class="u1"><br>
    <span>密码:</span><input type="password" id="passwordInput">
</div>
  <button>提交</button>
<script src="../libs/myAjax.js"></script>
<script src="../libs/jquery.min.1.9.1.js"></script>
  <script>
   
      var btn=document.querySelector('button');
      var uInput=document.querySelector('#usernameInput');
      var pInput=document.querySelector('#passwordInput');
   
     
      btn.onclick=function(){
               myAjax({
                   type:'post',
                   url:'111.php',
                   datas:{
                       uname:uInput.value,
                       pword:pInput.value,
                   },
                   succes:function(res){
                       console.log(res);
                   }
               })
      }

  </script>
</body>
</html>

以下是我的封装ajax请求

image.png

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

老师为啥我结果出不来?

没数据返回

<!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、数据库编程与设计 82楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 83楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 84楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 85楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 88楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 90楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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