javascript - PHP/AJAX 从 ajax 获取 id

Question

首先对英语感到抱歉:)你好，我是一名新的网络程序员，正在从事一些学校经理项目。

我必须显示学校的所有类(class)，然后当我点击类(class)时显示他的描述。

这是我的显示php代码

    <?php
$conn = mysqli_connect("localhost", "root", "", "school");

        if($conn){      
        $result = $conn->query("SELECT * FROM `courses`");
        if ($result->num_rows > 0){
            while($row = $result->fetch_assoc()){
                $id=$row['id'];
                echo '<div class="alex" onclick="myFunction(this.id)" id="'.$id.'">'.$row['name'].'</div>'.'<br>'.'<br>';
            }
        } 
        }else{
            echo die("connection faild"); 
        }  

        mysqli_close($conn);        
?>

如您所见，我给了它要显示的描述的表的 ID。

这是我在js文件中的函数代码

     function myFunction(id){
        $.post(
            "api/courses/description.php",
            {  id:id }
        ).done(function( data ) {
            console.log(id);
            $('#desc').load("api/courses/description.php");
        });
    }

这里是我的描述 php 来获取 id 和显示描述:

<?php $conn = mysqli_connect("localhost", "root", "", "school");
if (isset($_POST['id'])) {
$id = $_POST['id'];
}
if($conn){ $result = $conn->query("SELECT * FROM courses WHERE id = '$id'");
    if ($result->num_rows > 0){
        while($row = $result->fetch_assoc()){
            echo $row['description'];
        }
    } 
    }else{
        echo die("connection faild"); 
    }     
    mysqli_close($conn); ?>

当我单击显示的类(class)时，我在控制台上获得了 ID!对于我点击的每门类(class)，我都会在控制台上获得他的 ID。

希望你能帮助我!我在上面坐了好几个小时，但无法解决问题。

希望它的可读性 T_T

编辑:忘了说..我的错误是

Notice: Undefined index: id in C:\xampp\htdocs\project\api\courses\description.php on line 9---cant get id NULL ----------------------------------------> on var dump

Notice: Undefined variable: id in C:\xampp\htdocs\project\api\courses\description.php on line 10 (---->id = $id undefined -> $id)

Answer 1

您正在调用 description.php 两次。首先，您在 AJAX POST 请求中调用它并成功为其提供 id 参数。这不会产生错误。但是然后看看您对该操作的结果做了什么:

console.log(id);
$('#desc').load("api/courses/description.php");

您记录 id，这也成功了。然后您忽略 data 响应并再次调用 description.php 。这次作为 AJAX GET 请求，您不为其提供 id 参数。 这是产生错误的原因。

不进行第二个请求，只使用第一个请求的返回值。看起来你想要这样的东西:

console.log(id);
$('#desc').html(data);