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

Bagaimana Menggunakan AJAX untuk Memanggil Fungsi PHP pada Klik Butang?

Barbara Streisand
Lepaskan: 2024-12-19 14:20:16
asal
193 orang telah melayarinya

How to Use AJAX to Call PHP Functions on Button Clicks?

Cara Menggunakan AJAX untuk Mencetuskan Fungsi PHP pada Klik Butang

Dalam senario anda, anda cuba untuk melaksanakan fungsi PHP apabila butang klik pada halaman 'functioncalling.php'. Walau bagaimanapun, anda menghadapi masalah dengan output yang diberikan. Ini kerana fungsi PHP tidak boleh dipanggil terus melalui penyerahan borang HTML. Anda perlu menggunakan Ajax untuk merapatkan jurang.

Penanda HTML dan Kod jQuery yang disemak

Kemas kini penanda HTML anda seperti berikut:

<input type="submit" class="button" name="insert" value="insert" />
<input type="submit" class="button" name="select" value="select" />
Salin selepas log masuk

Seterusnya, tambah kod jQuery berikut:

$(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");
    });
  });
});
Salin selepas log masuk

The Fail 'ajax.php'

Buat fail 'ajax.php' dengan kod berikut:

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

Memahami Mekanisme AJAX

Apabila pengguna mengklik mana-mana butang, kod jQuery mencetuskan permintaan AJAX untuk 'ajax.php'. Parameter 'tindakan' mengandungi nilai butang yang diklik ("masukkan" atau "pilih"). Kaedah '.post()' menghantar data ini ke 'ajax.php', yang melaksanakan fungsi PHP yang sepadan berdasarkan nilai 'tindakan'. Output fungsi PHP ditangkap dan dipaparkan dengan sewajarnya dalam div respons anda.

Atas ialah kandungan terperinci Bagaimana Menggunakan AJAX untuk Memanggil Fungsi PHP 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