Bagaimanakah Saya Boleh Memanggil Fungsi PHP daripada JavaScript Menggunakan AJAX?-tutorial js-php.cn

Bagaimanakah Saya Boleh Memanggil Fungsi PHP daripada JavaScript Menggunakan AJAX?

Linda Hamilton

Lepaskan： 2024-12-16 21:03:12

asal

566 orang telah melayarinya

How Can I Call PHP Functions from JavaScript Using 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:

Buat objek XMLHTTPRequest untuk mewujudkan sambungan dengan pelayan.
Tetapkan parameter permintaan , seperti URL skrip PHP dan kaedah (biasanya GET atau POST).
Lampirkan pengendali acara untuk mengendalikan respons sebaik sahaja permintaan selesai.
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();
}

Salin selepas log masuk

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
    }
  });
}

Salin selepas log masuk

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

Salin selepas log masuk

Cubalah

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

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

Salin selepas log masuk

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!