javascript-如何从js调用php方法？

我正在进行柜台服务项目,需要控制客户流向,每个客户可以在柜台上停留5分钟.另一方面,系统应控制5个计数器.

这是我解决问题的尝试.看我的MWE：

 //this is part of the code where I set the timer for each counter. 
function increment() {
      if (running == 1) {
        setTimeout(function() {
          time++;
          var mins = Math.floor(time / 10 / 60);
          var secs = Math.floor(time / 10);
          var tenths = time % 10;
          if (mins == 5) {
            //after 5 mins is over the system should call php deQueue() method to dequeue the current and point out to next customer.
            document.getElementById("message").innerHTML = "Currently,Counters are available... Next Customer..."
            deQueue();
           //this is my php method.
            available();
          }
          document.getElementById("timer").innerHTML = mins + ":" + secs + ":" + tenths;
          increment();
        },100)
      }
}

//And this is my php file.

<?php
      	public function deQueue(){
    		if (!$this->isEmpty()) {
    			$this->front = ($this->front+1) %5;
    			$this->size--;
    		}else{
    			echo "The Counter is empty! <br>";
    		}
    	}
    
    ?>

最佳答案

现在,您将需要对您的php文件使用ajax请求,如下所示：

function increment() {
    if (running == 1) {
        setTimeout(function() {
            time++;
            var mins = Math.floor(time / 10 / 60);
            var secs = Math.floor(time / 10);
            var tenths = time % 10;
            if (mins == 5) ajaxDequeue(mins);
            document.getElementById("timer").innerHTML = mins + ":" + secs + ":" + tenths;
            increment();
        },100)
    }
}

function ajaxDequeue(mins){ 
    $.ajax({  
        url: 'ajax.php?minutes=' + mins,beforeSend: function() 
        {
            document.getElementById("message").innerHTML = "Currently,Counters are available... Next Customer..."
        },success: function(response)
        {
            document.getElementById("message").innerHTML = response;
        }      
    });
}

然后在您的ajax.php文件中将其设置为检查分钟值

<?php
    $minutes = $_GET["minutes"];

    if (isset($minutes)) deQueue();

    public function deQueue(){
            if (!$this->isEmpty()) {
                $this->front = ($this->front+1) %5;
                $this->size--;
            }else{
                echo "The Counter is empty! <br>";
            }
        }
?>