php - 如何在 html 按钮上单击调用 php 脚本/函数

Question

在有人攻击我或标记此问题之前，我已经在互联网上查找了所有内容以了解如何执行此操作(包括 stackoverflow 上的相同问题)。我是新人，我发现学习新概念非常困难，所以请对我宽容一些。

我想要做的是在单击按钮时调用 php 脚本/函数。如果有帮助的话，我已经在 WAMP 中运行了这个。这是我的代码:

<?php include 'the_script.php'; ?>

<button type="button" onclick="the_function()">Click Me</button>

the_script.php 中有这样的内容:

the_function() {
    echo "You win";
}

为什么这不起作用？我听说按钮是客户端等，而 PHP 是服务器端，这意味着您无法将两者链接在一起。我知道您必须使用 AJAX 才能完成这项工作，但我完全不知道如何做到这一点。我尝试过谷歌搜索等，但我找不到任何东西。我知道如何使用 AJAX 并用它调用事件，但是我仍然不知道如何让它调用 PHP 脚本。

您能否让您的答案尽可能简单明了，我是新手

感谢您的帮助:)

编辑***

出于某种原因，无论我走到哪里，每个人的代码都是不同的。我学习 AJAX 的方式看起来完全不同。可以请你这样写以便我能理解吗？谢谢，这是一个例子:

var request;

if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
} else {
    request = new ActiveXObject("Microsoft.XMLHTTP");
}

request.open('GET', 'file.php', true);

request.onreadystatechange = function() {

    if (request.readyState===4 && request.status===200) {
        do stuff
    }
}

request.send();

Answer 1

Just try this:

<button type="button">Click Me</button>
<p></p>
<script type="text/javascript">
    $(document).ready(function(){
        $("button").click(function(){

            $.ajax({
                type: 'POST',
                url: 'script.php',
                success: function(data) {
                    alert(data);
                    $("p").text(data);

                }
            });
   });
});
</script>

在 script.php 中

<?php 
  echo "You win";
 ?>