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

<?php


    $nick = $_GET["nick"];


    // 连接数据库

    $con = mysqli_connect("localhost","root","","itbaizhan");

    if($con){

       

        mysqli_query($con,"set names utf8");       

        $sql = "select * from userinfo where nick='$nick'";


        $result = mysqli_query($con,$sql);

        $data = mysqli_fetch_all($result,MYSQLI_ASSOC);

        mysqli_close($con);


        if($data){

            echo json_encode(array("msg"=>"读取成功","result"=>$data));

        }else{

            echo json_encode(array("msg"=>"暂无数据"));

        }


    }else{

        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>

    <script src="../js/jquery-3.6.0.min.js"></script>

</head>


<body>


    <input type="text" id="search">

    <button id="btn">获取数据</button>

    <p id="content"></p>


    <script>


        $("#btn").click(function () {

            $.ajax({

                type: "get",

                url: "../server/index.php",  // 可以写 1.相对路径  2.绝对路径

                data: {

                    nick: $("#search").val()

                },

                success: function (data) {

                    data = JSON.parse(data)

                    $("#content").html(data.result[0].sign);

                },

                error: function (err) {

                    console.log(err);

                }

            })

        })


    </script>


</body>


</html>



image.png


老师,检查了好几遍代码都是一样的啊,还报这样的错,哪里的问题呐

WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 77楼

NFZN1J053Z]ER~1%SSGTX48.png

WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 78楼
WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 80楼
WEB前端全系列/第五阶段:前后端交互/服务器 81楼
WEB前端全系列/第五阶段:前后端交互/服务器 82楼
WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 83楼

老师我打印OK是怎么回事

<!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>
    <script src="./jquery-3.6.0.min.js"></script>
</head>
<body>
    <script>
        //实现Ajax

        //1、创建XHR对象
        var xhr = new XMLHttpRequest();

        //2、open()方法准备要数据,send()方法准备发送请求
        //open("请求方式(post、get)","地址:服务器给数据的地址(端口)")
        xhr.open("get","http://iwenwiki.com/api/blueberrypai/getChengpinDetails.php");
        xhr.send();


        //3、准备接收服务器传回来的数据,监听前后端交互的状态
        xhr.onreadystatechange = function(){
            //4、接收数据,更新页面
            //0,1,2,3,4 一共五种状态,状态为4的时候表示后台已经准备好了
            if(xhr.readyState === 4){
                 //status目前分为两种状态:200(成功状态) !===200(失败状态)
                 if(status === 200){
                     console.log(xhr.responseText);
                 }else{
                     console.log(xhr.statusText);
                 }
            }        

        }

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

image.png

WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 84楼
WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 85楼
WEB前端全系列/第五阶段:前后端交互/网络请求AJAX 86楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 87楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 88楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 89楼

老师 有三个问题

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

第二

$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、数据库编程与设计 90楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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