Bagaimanakah Saya Boleh Memanggil Fungsi PHP Menggunakan Klik Butang Tanpa Memuatkan Semula Halaman?

Memanggil Fungsi PHP dengan Klik Butang: Panduan

Dalam artikel ini, kami meneroka cabaran biasa yang dihadapi oleh pembangun PHP: memanggil fungsi PHP pada klik butang. Kami akan menyediakan panduan langkah demi langkah untuk menyelesaikan isu ini dengan berkesan.

Masalahnya

Apabila cuba melaksanakan fungsi PHP pada klik butang, terdapat perangkap yang boleh menyebabkan ketiadaan sebarang output: bergantung semata-mata pada penyerahan borang HTML. Pendekatan ini tidak akan melaksanakan fungsi yang diingini tanpa langkah tambahan.

Penyelesaian: AJAX to the Rescue

Untuk merapatkan jurang antara HTML dan PHP, kami akan memperkenalkan Ajax (JavaScript Asynchronous dan XML). Ajax membenarkan kami membuat permintaan HTTP tanpa memuatkan semula halaman, membolehkan komunikasi antara klien dan pelayan.

Langkah 1: Ubah suai Penanda HTML

Tukar butang hantar sedia ada kepada >

<input type="submit">

Langkah 2: Perkenalkan jQuery

Muat jQuery ke dalam halaman anda dan tentukan pengendali acara klik untuk elemen ".button". Dalam pengendali, tangkap nilai butang dan buat permintaan siaran Ajax kepada skrip PHP yang ditetapkan, ajax.php.

$(document).ready(function(){
    $('.button').click(function(){
        var clickBtnValue = $(this).val();
        var ajaxurl = 'ajax.php',
        data =  {'action': clickBtnValue};
        $.post(ajaxurl, data, function (response) {
            // Response div goes here.
            alert("action performed successfully");
        });
    });
});

Langkah 3: Kendalikan Permintaan Ajax

Dalam ajax.php, kami akan menggunakan pernyataan suis untuk membezakan antara tindakan sisipan dan pilih, memanggil fungsi yang sepadan. Kami juga akan menggemakan hasil untuk paparan pada halaman.

<?php if (isset($_POST['action'])) {
        switch ($_POST['action']) {
            case 'insert':
                insert();
                break;
            case 'select':
                select();
                break;
        }
    }

    function select() {
        echo "The select function is called.";
        exit;
    }

    function insert() {
        echo "The insert function is called.";
        exit;
    }
?>

Nikmati Panggilan Fungsi PHP Dinamik

Dengan menggunakan pendekatan berasaskan Ajax ini, anda kini boleh panggil fungsi PHP pada klik butang dan paparkan hasilnya dengan lancar pada halaman yang sama. Hayati kuasa Ajax untuk meningkatkan interaksi pengguna dan mencapai pengalaman web yang responsif dan dinamik.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memanggil Fungsi PHP Menggunakan Klik Butang Tanpa Memuatkan Semula Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!