Thực thi hàm PHP với onclick

Question 1

Tôi đang tìm kiếm một giải pháp đơn giản để chỉ gọi một hàm PHP khi một thẻ được nhấp vào.

PHP:

function removeday() { ... }

HTML:

<a href="" onclick="removeday()" class="deletebtn">Delete</a>

CẬP NHẬT: mã html và PHP nằm trong cùng một tệp PHP

Question 2

Trước tiên, hãy hiểu rằng bạn có ba ngôn ngữ hoạt động cùng nhau:

PHP: Nó chỉ chạy bởi máy chủ và phản hồi các yêu cầu như nhấp vào liên kết (GET) hoặc gửi biểu mẫu (POST).
HTML & JavaScript: Nó chỉ chạy trong trình duyệt của ai đó (không bao gồm NodeJS).

Tôi giả sử tệp của bạn trông giống như sau:

<!DOCTYPE HTML>
<html>
<?php
  function runMyFunction() {
    echo 'I just ran a php function';
  }

  if (isset($_GET['hello'])) {
    runMyFunction();
  }
?>

Hello there!
<a href='index.php?hello=true'>Run PHP Function</a>
</html>

Vì PHP chỉ phản hồi các yêu cầu (GET, POST, PUT, PATCH và DELETE qua $ _REQUEST), đây là cách bạn phải chạy một hàm PHP mặc dù chúng nằm trong cùng một tệp. Điều này cung cấp cho bạn một mức độ bảo mật, "Tôi có nên chạy tập lệnh này cho người dùng này hay không?".

Nếu bạn không muốn làm mới trang, bạn có thể đưa ra yêu cầu đối với PHP mà không cần làm mới thông qua một phương thức có tên là JavaScript và XML không đồng bộ (AJAX).

Đó là thông tin bạn có thể tra cứu trên YouTube. Chỉ cần tìm kiếm "jquery ajax"

Tôi giới thiệu Laravel cho bất kỳ ai mới bắt đầu ngay: http://laravel.com/

Question 3

Trong javascript, hãy tạo một hàm ajax,

function myAjax() {
      $.ajax({
           type: "POST",
           url: 'your_url/ajax.php',
           data:{action:'call_this'},
           success:function(html) {
             alert(html);
           }

      });
 }

Sau đó gọi từ html,

<a href="" onclick="myAjax()" class="deletebtn">Delete</a>

Và trong ajax.php của bạn,

if($_POST['action'] == 'call_this') {
  // call removeday() here
}

Question 4

Bạn sẽ phải thực hiện việc này thông qua AJAX . Tôi NẶNG LỰC khuyên bạn nên sử dụng jQuery để giúp bạn dễ dàng hơn ....

$("#idOfElement").on('click', function(){

    $.ajax({
       url: 'pathToPhpFile.php',
       dataType: 'json',
       success: function(data){
            //data returned from php
       }
    });
)};

http://api.jquery.com/jQuery.ajax/

Question 5

Nó có thể được thực hiện và với php khá đơn giản nếu đây là nút của bạn

<input type="submit" name="submit>

và đây là mã php của bạn

if(isset($_POST["submit"])) { php code here }

mã nhận được được gọi khi gửi nhận được đăng xảy ra khi nút được nhấp.

Question 6

Hãy thử làm điều gì đó như sau:

<!--Include jQuery-->
<script type="text/javascript" src="jquery.min.js"></script> 

<script type="text/javascript"> 
function doSomething() { 
    $.get("somepage.php"); 
    return false; 
} 
</script>

<a href="#" onclick="doSomething();">Click Me!</a>

Question 7

Giải pháp mà không cần tải lại trang

<?php
  function removeday() { echo 'Day removed'; }

  if (isset($_GET['remove'])) { return removeday(); }
?>


<!DOCTYPE html><html><title>Days</title><body>

  <a href="" onclick="removeday(event)" class="deletebtn">Delete</a>

  <script>
  async function removeday(e) {
    e.preventDefault(); 
    document.body.innerHTML+= '<br>'+ await(await fetch('?remove=1')).text();
  }
  </script>

</body></html>

Question 8

Đây là cách dễ nhất có thể. Nếu biểu mẫu được gửi qua bưu điện, hãy thực hiện chức năng php. Lưu ý rằng nếu bạn muốn thực hiện chức năng không đồng bộ (không cần tải lại trang), thì bạn sẽ cần AJAX.

<form method="post">
    <button name="test">test</button>
</form>

    <?php
    if(isset($_POST['test'])){
      //do php stuff  
    }
    ?>

Question 9

Đây là một giải pháp thay thế với AJAX nhưng không có jQuery, chỉ là JavaScript thông thường:

Thêm điều này vào trang php đầu tiên / chính, nơi bạn muốn gọi hành động từ đó, nhưng thay đổi nó từ một athẻ tiềm năng (siêu liên kết) thành một buttonphần tử, để nó không bị bất kỳ bot hoặc ứng dụng độc hại nào (hoặc bất kỳ thứ gì) nhấp vào.

<head>
<script>
  // function invoking ajax with pure javascript, no jquery required.
  function myFunction(value_myfunction) {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("results").innerHTML += this.responseText; 
        // note '+=', adds result to the existing paragraph, remove the '+' to replace.
      }
    };
    xmlhttp.open("GET", "ajax-php-page.php?sendValue=" + value_myfunction, true);
    xmlhttp.send();
  }

</script>
</head>

<body>

  <?php $sendingValue = "thevalue"; // value to send to ajax php page. ?> 

  <!-- using button instead of hyperlink (a) -->
  <button type="button" onclick="value_myfunction('<?php echo $sendingValue; ?>');">Click to send value</button>

  <h4>Responses from ajax-php-page.php:</h4>
  <p id="results"></p> <!-- the ajax javascript enters returned GET values here -->

</body>

Khi buttonđược nhấp vào, hãy onclicksử dụng hàm javascript của head để gửi$sendingValue qua ajax đến một trang php khác, giống như nhiều ví dụ trước trang này. Trang kia ajax-php-page.php, kiểm tra giá trị GET và trả về print_r:

<?php

  $incoming = $_GET['sendValue'];

  if( isset( $incoming ) ) {
    print_r("ajax-php-page.php recieved this: " . "$incoming" . "<br>");
  } else {
    print_r("The request didn´t pass correctly through the GET...");
  }

?>

Phản hồi từ print_r sau đó được trả lại và hiển thị với

document.getElementById("results").innerHTML += this.responseText;

Các +=populates và thêm vào các yếu tố html hiện có, loại bỏ các +chỉ cập nhật và thay thế các nội dung hiện có của html pyếu tố"results" .

Question 10

Hãy thử nó sẽ hoạt động tốt.

<script>
function echoHello(){
 alert("<?PHP hello(); ?>");
 }
</script>

<?PHP
FUNCTION hello(){
 echo "Call php function on onclick event.";
 }

?>

<button onclick="echoHello()">Say Hello</button>