有效沟通问答-【官方】百战程序员_IT在线教育培训机构

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 132647个问题

我这里直接提示错误信息查了一下说是跨域问题

<body>
    <!-- 创建XML对象 -->
    <script>
      // 创建XMLHttpRequest实例
      var xml = new XMLHttpRequest();

      // 发送HTTP请求
      xml.open("get", "http://iwenwiki.com/api/covid19-server/covid_info.php");
      xml.send();

      // 准备接受数据
      xml.onreadystatechange = function () {
        if (xml.readyState === 4) {
          if (xml.status === 200) {
            console.log(xml.responseText);
          } else {
            console.log(xml.statusText);
          }
        }
      };
    </script>
  </body>

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

<!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>06php与MySQL增删改查</title>
    <script src="./jquery-3.6.0.min.js"></script>
</head>

<body>
    <form action="06php与MySQL增.php" method="post" id="insert">
        <span>账号：</span><input type="text" placeholder="请输入您的账号" name="insert-userName" id="userName">
        <span>密码：</span><input type="password" placeholder="请输入您的密码" name="insert-password" id="password">
        <span>电子邮箱：</span><input type="text" placeholder="请输入您的电子邮箱" name="insert-email" id="email">
        <button type="submit">增</button>
    </form>
    <form action="06php与MySQL删.php" method="post" id="delete">
        <span>id：</span><input type="text" placeholder="请输入您要删除的id号" name="delete-id" id="id">
        <button type="submit">删</button>
    </form>
    <form>
        <!-- 修改密码 -->
        <span>账号：</span><input type="text" placeholder="请输入您的账号" name="update-userName" id="update-userName">
        <span>修改后的密码：</span><input type="text" placeholder="请输入您修改后的密码" name="update-password" id="update-password">
        <button id="update-pwd-btn">提交改后的密码</button><span id="update-result"></span>
        <br>
        <!-- 按用户名查找 -->
        <span>查找的账号：</span><input type="text" placeholder="请输入您要查找的账号" name="select-userName" id="select-userName">
        <button id="select-btn">提交</button><span id="select-result"></span>
        <script>
            $("#update-pwd-btn").click(function() {
                var updateUserName = $("#update-userName").val();
                var updatePwd = $("#update-password").val();
                $.ajax({
                    type: 'get',
                    url: "http://localhost/php/06php与MySQL改.php",
                    data: {
                        userName: updateUserName,
                        password: updatePwd
                    },
                    success: function(res) {
                        //$("#update-result").html(res);
                        console.log("改操作成功！");
                    }
                })
            })

            $("#select-btn").click(function() {
                var selectUserName = $("#select-userName").val();
                $.ajax({
                    type: "post",
                    url: "http://localhost/php/06php与MySQL查.php",
                    data: {
                        userName: selectUserName
                    },
                    success: function(res) {
                        // $("#select-result").html(res);
                        console.log('查操作成功');
                    }
                })
            })
        </script>

    </form>
    <script>
    </script>
</body>

</html>

我给每一个增删改查都写了一个php文件，增和删没用ajax,可以跳转实现功能。但是用Ajax做的改查，数据库的数据是可以改，但是success对应的回调函数不执行。我把回调函数就写成console.log('查操作成功')也不可以。一打开控制台就会有报错：DevTools 无法加载来源映射：无法加载 chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/browser-polyfill.js.map 的内容：系统错误: net::ERR_FILE_NOT_FOUND

下面是我写的查操作的php文件

<?php

$userName=$_GET['userName'];

$password=$_GET['password'];

$con=mysqli_connect('localhost','root','','zirenqimysql');

if($con){

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

$sql="update `usertable` set password='$password' where userName='$userName'";

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

mysqli_close($con);

if($result>0){

echo "改操作成功！";

}else{

echo "改操作失败！";

}

}else{

echo "连接失败！";

}

我不知道为什么success对应的函数没有结果，控制台的报错要怎么改？

WEB前端全系列/第五阶段：前后端交互/服务器与数据库交互 62楼

#1142 - SELECT command denied to user 'pma'@'localhost' for table 'pma__table_uiprefs'

这个报错要怎么解决？是什么原因？

WEB前端全系列/第五阶段：前后端交互/MySQL数据库 63楼

mysql报错了？

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

我这个数据库是不是链接错了

最后写完代码返回Bool（false）

//1.创建链接对象四个参数：域名 DB账号 DB密码 DB库名

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

//查看数据库连接是否成功

var_dump($con);

//3.防止进行中文操作出现乱码，设置编码格式utf-8

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

//4.创建数据库语句

$sql="select * from index";

//5。执行数据库语句

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

//6.返回结果

var_dump($result);

WEB前端全系列/第五阶段：前后端交互/服务器与数据库交互 65楼

为什么不适用SQL Sever 我大学一直学的这个，完全没有提起有这个数据库，有什么缺点？

WEB前端全系列/第五阶段：前后端交互/MySQL数据库 66楼

<?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>

<head>

<title>Document</title>

</head>

<body>

$("#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>

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

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

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

老师，不管是登录和注册，res能查到，但是一转换格式就会出上面的错误，这是啥原因啊？

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

为啥代码一样，老是有错呢？老师，php有没有能够提示的插件啥的

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

老师能发一下XAMPP资料吗？我下要一个小时

WEB前端全系列/第五阶段：前后端交互/服务器 71楼

老师XAMPP能发一下这个资料吗？我下要一个小时

WEB前端全系列/第五阶段：前后端交互/服务器 72楼

无法访问chrome商店怎么办

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

老师我打印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>

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

在视频13:00，为什么图1地址就跨域，图2地址就不跨域呢

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

同学您好