javascript - 为什么我的 jquery/ajax 帖子没有在我的 php 代码中注册？

Question

因此，我尝试使用 PHP 和 AJAX 构建单页应用程序，但我的导航遇到了一些问题。

我有一个文件 controller.php 来控制要显示的页面。处理post请求的代码如下

编辑:忘记提及回显 $_POST['page'] 没有显示任何内容

if(!isset($_POST['page'])){
    include('Pages/landing_page.php');    
    echo "empty";
}
else{
    echo $_POST['page'];
    if($_POST['page'] == 'landing_page'){
        include('Pages/landing_page.php');
    }
    if($_POST['page'] == 'forum'){
        include('Pages/forum.php');
        echo "forum hit";
    }
}

post请求是通过$.ajax函数生成的，如下

$(document).ready(function(){
    $("#home_link").on('click', ()=>{

        alert("Working");

        $.ajax({
            type: "POST",
            url: "controller.php",
            data: "page=landing_page"
        });
    }); 

    $('#forum_link').on('click', ()=>{
        $.ajax({
            type: "POST",
            url: "controller.php",
            data: "page=forum",
            success: function(){
                alert("Callback Works");
            }
        });
    });
});

我知道 jquery 点击正在工作，因为如果我点击论坛链接，我会收到原始的“正在工作”警报以及回调警报。

我正在使用 PHP 开发服务器中内置的 Netbeans，但我还在针对 PHP 和 AJAX 配置良好的适当 apache2 服务器上对其进行了测试。

如有任何帮助，我们将不胜感激，谢谢!

Answer 1

据我了解这个问题，这应该有效:

PHP:(都一样)

if(!isset($_POST['page'])){
    include('Pages/landing_page.php');    
    echo "empty";
}
else{
    echo $_POST['page'];
    if($_POST['page'] == 'landing_page'){
        include('Pages/landing_page.php');
    }
    if($_POST['page'] == 'forum'){
        include('Pages/forum.php');
        echo "forum hit";
    }
}

JS:

$(document).ready(function(){
    $("#home_link").on('click', ()=>{

        alert("Working");

        $.ajax({
            type: "POST",
            url: "controller.php",
            data: "page=landing_page"
        });
    }); 

    $('#forum_link').on('click', ()=>{
        $.ajax({
            type: "POST",
            url: "controller.php",
            data: "page=forum",
            success: function(data){
                $("#container").html(data);
                alert("Callback Works");
            }
        });
    });
});

您需要获取从函数返回的数据并将其放在某个地方，大概是放入容器元素中。

如果这不是您想要做的，请发表评论。