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

发布时间：2020-12-14 18:48:59 所属栏目：资源来源：网络整理

导读：在有人去找我或者这样做之前,我已经看过互联网,找出如何做到这一点(包括在stackoverflow上的同样的问题).我是新的,我发现很难学习新的概念,所以请放心我. 我想要做的是在按钮点击上调用php脚本/函数.我有这个运行在WAMP,如果这有帮助.这是我的代码： ?php in

在有人去找我或者这样做之前,我已经看过互联网,找出如何做到这一点(包括在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";
 ?>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!