如何在单击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

试试这个:

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

Answer 2

当然AJAX是解决方案,

执行AJAX请求(为了方便起见,我们可以使用jQuery库).

步骤1.

在您的网页中包含jQuery库

一个.你可以从jquery.com下载jQuery库并保存在本地.

湾 或者只是粘贴以下代码,

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

第2步.

点击按钮调用javascript函数

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

第3步.

最后是功能

 function foo () {
      $.ajax({
        url:"test.php", //the page containing php script
        type: "POST", //request type
        success:function(result){
         alert(result);
       }
     });
 }

当你点击按钮并提醒响应时,它会向test.php发出一个AJAX请求.

例如,test.php中的代码是,

<?php echo 'hello'; ?>

然后当你点击按钮时它会发出"hello"警告.

Answer 3

你也可以使用

   $(document).ready(function() {

    //some even that will run ajax request - for example click on a button

    var uname = $('#username').val();
    $.ajax({
    type: 'POST',
    url: 'func.php', //this should be url to your PHP file
    dataType: 'html',
    data: {func: 'toptable', user_id: uname},
    beforeSend: function() {
        $('#right').html('checking');
    },
    complete: function() {},
    success: function(html) {
        $('#right').html(html);
    }
    });

    });
And your func.php:

  function toptable()
 {
  echo 'something happens in here';
 }

希望它对某人有帮助