我不明白如何使用AJAX（jQuery）通过HTML调用PHP函数。

Question

我想在用户点击相关按钮时调用一个函数。

按钮位于views/TableauDeBord.php目录中，以下是相关代码（目前无法正常工作）：

class TableauDeBord
{
    public function show():void
    {
        ob_start();
        ?>

        show();
    }
}

当点击按钮时，我希望能够调用controllers/TableauDeBord.php中定义的一个函数。例如：

public static function test():void
{
    echo 'called the test function';
}

最终，我将有3个按钮，它们主要执行PHP中的SQL查询。

我曾尝试使用jQuery和AJAX来实现，但我不明白如何在views/TableauDeBord.php中的脚本中调用jQuery函数。

在controllers/TableauDeBord.php中，我还尝试了使用switch case处理POST请求的方法：

switch ($_POST['functionname']){
    case 'test':
        TableauDeBord::test();
        break;
}

无论如何，我希望了解根据我的代码结构如何正确调用函数。如果您提供代码，请告诉我应该将其写在哪里，因为在其他主题中通常不会明确指出代码应放置的位置，这使我感到困惑（并且很沮丧）。

注：我的整个网站采用MVC架构，因此在所有地方都只使用类而非单独的PHP文件。

感谢您的帮助。

Mark Longair · Answer

AJAX请求并不会直接在服务器上运行函数，它仅请求一个URL。大部分情况下，通过AJAX加载URL就像加载普通页面一样运作，PHP并不关心请求的类型。
我发现有助于理解这一点的小技巧是：尝试在新浏览器标签页中打开你试图通过AJAX获取的URL；你在新标签页中看到的内容就是JavaScript将会接收到的内容。
所以，如果你已经为完整页面设置好了MVC框架，那么通过AJAX加载的URL完全可以利用相同的系统。

huon · Answer

你不能直接通过jQuery的AJAX调用来运行PHP文件中的特定函数，但是你可以调用整个PHP文件进行执行。在你的例子中，你需要创建一个新的PHP文件yourfile.php，并将函数的代码粘贴进去。

一般来说，你应该遵循这样的流程：

流程图

可以为“creerSalle”按钮创建点击监听器，如下所示：

在这个事件监听器内部，你可以使用jQuery的AJAX方法调用yourfile.php并传入参数。下面是一个示例：

var postData = {
  "parameter": "value"
};

// 使用请求类型 "POST"
$.post("yourfile.php", postData, function(response) {
  // 这部分处理来自yourfile.php的响应
  console.log(response);
}, "json")
.fail(function(error) {
  // 如果发生错误，此函数会被调用
  console.error("Error:", error.responseText);
});

为了在PHP文件中读取传递的值，你需要使用$_GET或$_POST变量，具体取决于你使用的HTTP请求类型。

这里是如何处理POST请求的一个示例：

 "error", "message" => "请使用POST方式"]);
   return;
}
if(empty($_POST["property"])) {
   echo json_encode(["status" => "error", "message" => "缺少值 \"property\""]);
   return;
}

// 请求格式正确

// 处理数据

echo json_encode(["status" => "success", "message" => "成功接收数据"]);
?>