jQuery Ajax致电PHP不执行

Question

我正在创建一个带有按钮的基本网站，该按钮在单击时，将jQuery ajax调用到回声的php脚本。

我尝试过的东西：

我已经从JavaScript查看了CALL PHP函数为了确保我不只是犯语法错误，但这无济于事。

我已经将jQuery呼叫的dataType部分更改为 script， html， json和 text，但是在某些情况下，它只是在返回整个代码（例如，在某些情况下返回整个代码错误：

XML解析错误：找不到根元素

位置：file：///users/jonathansekela/documents/projects/sz12-library/php/test.php

第9行，第3列

对于json，错误：

错误：ParserError：SyntaxError：JSON.PARSE：JSON DATA的第1列第1列的意外字符

从我能告诉的，每当我尝试通过简单的Ajax调用执行一些PHP时，它不会执行PHP，而是简单地将其像对待纯XML并将整个内容作为字符串返回到我的功能无需任何php。

最终目标：

按下时，HTML中的按钮将调用JS函数，该函数将AJAX调用到PHP脚本。然后，PHP脚本连接到MySQL数据库，做一些事情，返回，其他一些内容，并将其他内容还给jQuery调用，以便将一些结果放回HTML屏幕上。实际上是基本的概念验证级别的东西，除了我的计算机认为PHP实际上不是PHP的一部分。

我在这里想念什么？任何和所有建议都欢迎。如果要求，我将添加任何额外的信息。

index.html：

<div class = "row">
    <div class="col-xs-12 btn btn-default button" onclick="test();">
        test ajax
    </div>
</div>

JS/index.js：

var test = () => {
    $("#button-text").html("test clicked");
    $.ajax({
        type: "POST",
        data: {
            user: 1,
            first: "jonny",
            last: "test"
        },
        url: "php/test.php",
        dataType: "html",
        success: function(result) {
            alert("success: "+result);
    },
    error: function(xhr, status, error) {
        alert("error: "+status + ': ' + error);
    }
    });
}

php/test.php：

<?php
function test() {
    $user = $_POST['user'];
    $first = $_POST['first'];
    $last = $_POST['last'];
    echo "your data: ".$user." + ".$first." + ".$last;
}
test();
?>

Answer 1

Amazing Kakurala解释的答案：我需要将代码放在服务器上，然后使用灯/Xamp堆栈运行，然后才能调用PHP。因此，要么在我的笔记本电脑上设置灯泡堆，要么是为了开发目的，要么获取云服务器并将其设置在此处（例如，AWS EC2实例）。谢谢您的帮助，朋友！