如何调用html按钮上的php脚本/函数

前端之家收集整理的这篇文章主要介绍了如何调用html按钮上的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来完成这项工作,但我合法地绝对没有线索如何做.我已经尝试了谷歌搜索等,但是我找不到任何东西.我知道如何使用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();

解决方法

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";
 ?>
原文链接:https://www.f2er.com/html/225099.html

猜你在找的HTML相关文章