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

一尘不染

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

php

在有人对我进行抨击或将其标记下来之前，我已经遍及整个互联网，以查找如何执行此操作（包括关于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才能完成这项工作，但是我绝对不知道如何执行此操作。我已经尝试使用Google搜索，等等，但是什么也找不到。我知道如何使用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();

阅读 2196

2020-05-29

共1个答案

一尘不染

尝试一下：

<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";
 ?>

2020-05-29