Bagaimanakah Saya Boleh Memanggil Fungsi PHP daripada JavaScript Menggunakan AJAX?

Memanggil Fungsi PHP daripada JavaScript

Pengenalan

Melaksanakan fungsi PHP daripada JavaScript membolehkan anda mengakses fungsi bahagian pelayan dalam aplikasi web anda. Ini amat berguna untuk kandungan dinamik dan antara muka pengguna interaktif.

Peranan AJAX

Pada terasnya, penyelesaian kepada masalah ini terletak pada AJAX (Asynchronous JavaScript and XML). AJAX mendayakan komunikasi tak segerak antara klien (penyemak imbas) dan pelayan, membenarkan JavaScript menghantar permintaan ke skrip PHP sebelah pelayan dan menerima respons tanpa memuatkan semula keseluruhan halaman.

Pelaksanaan

Menggunakan JavaScript Biasa

Untuk melaksanakan fungsi PHP menggunakan JavaScript biasa, ikut langkah berikut:

1. Buat objek XMLHTTPRequest untuk mewujudkan sambungan dengan pelayan.
2. Tetapkan parameter permintaan , seperti URL skrip PHP dan kaedah (biasanya GET atau POST).
3. Lampirkan pengendali acara untuk mengendalikan respons sebaik sahaja permintaan selesai.
4. Hantar permintaan ke pelayan menggunakan hantar( ) kaedah.

Contoh Kod:

function getOutput() {
  var request = new XMLHttpRequest();
  request.open("GET", "myAjax.php?query=hello", true);
  request.onload = function() {
    if (request.status === 200) {  // Success
      var output = document.getElementById("output");
      output.innerHTML = request.responseText;
    } else {  // Error
      // Handle error
    }
  };
  request.send();
}

Menggunakan Perpustakaan JavaScript

Perpustakaan seperti jQuery memudahkan operasi AJAX dengan menyediakan antara muka yang lebih mesra pengguna. Contohnya:

function getOutput() {
  $.ajax({
    url: "myAjax.php",
    data: {query: "hello"},
    success: function(response) {
      $("#output").html(response);
    },
    error: function() {
      // Handle error
    }
  });
}

Sebelah pelayan (PHP)

Di bahagian pelayan, cipta skrip PHP yang mengendalikan permintaan dan mengembalikan output yang diingini:

<?php $query = $_GET["query"];
// Process the query and generate the output
echo "Output for query: " . $query;
?>

Cubalah

Untuk menguji pelaksanaan, sepadukan kod JavaScript ke dalam dokumen HTML anda:

  <a href="#" onclick="getOutput(); return false;">Test</a>
  <div></div>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memanggil Fungsi PHP daripada JavaScript Menggunakan AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!