Rumah > pembangunan bahagian belakang > tutorial php > Bagaimana untuk Melaksanakan Fungsi PHP dengan AJAX pada Klik Butang?

Bagaimana untuk Melaksanakan Fungsi PHP dengan AJAX pada Klik Butang?

Linda Hamilton
Lepaskan: 2024-12-04 19:20:12
asal
356 orang telah melayarinya

How to Execute PHP Functions with AJAX on Button Click?

Melaksanakan Fungsi PHP semasa Klik Butang

Apabila membina borang dengan butang, selalunya wajar untuk mencetuskan fungsi PHP tertentu apabila butang diklik. Ini membolehkan tindakan tersuai diambil berdasarkan input pengguna. Walau bagaimanapun, isu biasa yang dihadapi ialah ketiadaan output selepas klik butang.

Untuk menyelesaikan masalah ini, pertimbangkan untuk menggunakan pendekatan berikut:

Pengubahsuaian Penanda Butang:

Tambahkan nama kelas pada butang hantar anda:

<input type="submit">
Salin selepas log masuk

jQuery Skrip:

Ikat pengendali acara klik pada butang:

$(document).ready(function(){
    $('.button').click(function(){
        var action = $(this).val(); // Get the button's value (insert/select)
        $.post('ajax.php', { action: action }, function(response) {
            // Handle the server response here (e.g., display an alert)
        });
    });
});
Salin selepas log masuk

ajax.php Fail:

Dalam 'ajax .php', gunakan pernyataan suis untuk menentukan fungsi yang hendak dilaksanakan berdasarkan parameter 'tindakan' yang diterima daripada jQuery skrip:

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;
}
Salin selepas log masuk

Setelah melaksanakan kod ini, mengklik butang "Sisipkan" atau "Pilih" akan mencetuskan fungsi masing-masing, memaparkan mesej yang sesuai pada halaman.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Fungsi PHP dengan AJAX pada Klik Butang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan