如何从 JavaScript 函数调用 PHP 类方法 [重复]

Question

可能重复：
Call php function from javascript

我知道 php 是服务器端，JavaScript 是客户端。但是我想知道在调用 JavaScript 函数时如何运行 PHP 方法。下面是我的代码，我知道错误是，但是我该如何执行 php 方法？

 <script type="text/javascript">
            function toggle()
            {
                var ele = document.getElementById("addCatTextBox");
                var text = document.getElementById("addCatButtonText");
                if(ele.style.display == "block") {
                        ele.style.display = "block";
                    text.innerHTML = "Save category";
                    <?php Category::addCategory($inCatName)?>
                }
                else {
                    ele.style.display = "none";
                    text.innerHTML = "Add new category";
                }
            } 
    </script>

感谢您的帮助。

Answer 1

使用原型库 (www.prototypejs.org)：

Javascript：

<script type="text/javascript">
  function toggle()
  {
      var ele = document.getElementById("addCatTextBox");
      var text = document.getElementById("addCatButtonText");
      if(ele.style.display == "block") {
              ele.style.display = "block";
          text.innerHTML = "Save category";

          var options={
            method: 'get',
            parameters: 'inCatName='+ele.value,
            onSuccess: function(xhr) {
                // TODO: Whatever needs to happen on success
                alert('it worked');
            },
            onFailure: function(xhr) {
                // TODO: Whatever needs to happen on failure
                alert('it failed');
            }
          };

          new Ajax.Request('addCategory.php', options);

      }
      else {
          ele.style.display = "none";
          text.innerHTML = "Add new category";
      }
  } 
</script>

addCategory.php：

<?php

$inCatName=isset($_REQUEST["inCatName"]) ? $_REQUEST["inCatName"] : null;

Category::addCategory($inCatName);

?>

这个想法是 Javascript 向幕后的 addCategory.php 页面发送一个 GET（或者它可以是 POST）请求，将创建类别所需的任何信息传递给它。

希望这足以让您继续前进。我的代码中缺少很多东西——您需要验证 addCategory.php 接收的变量并执行任何其他相关的安全检查，然后再让它靠近数据库。 addCategory.php 还需要任何包含文件等，以便它了解您的 Category 类。最后，addCategory.php 应该真正将某种形式的变量返回给调用它的 Javascript 代码，以便它知道结果是什么。

Answer 2

这可能会有所帮助。使用 ajax 调用您的 php 文件（示例中使用了categories.php）。发送一个名为“function”的参数并将其设置为“addCategory”。在您的 php 文件中编写代码以检测是否设置了 $_GET['function'] 并检测它是否设置为“addCategory”。如果是，让代码调用该函数。我还看到您试图将 $inCatName 参数传递给 php 函数。要发送此内容，只需将其添加到下面的网址中即可。

<script type="text/javascript">
        function toggle()
        {
            var ele = document.getElementById("addCatTextBox");
            var text = document.getElementById("addCatButtonText");
            if(ele.style.display == "block") {
                    ele.style.display = "block";
                text.innerHTML = "Save category";
                var xmlhttp;
                if (window.XMLHttpRequest) {
                    xmlhttp=new XMLHttpRequest();
                } else {
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.open("GET","categories.php?function=addCategory",true);
                xmlhttp.send();
            }
            else {
                ele.style.display = "none";
                text.innerHTML = "Add new category";
            }
        } 
</script>

Answer 3

您可以对触发 PHP 的端点使用 Ajax 请求，然后执行Category::addCategory($inCatName)

使用 Jquery：

$.ajax({
  url: "addCategory.php",
  context: document.body,
  success: function(){
    // whatever you need to do
  }
});