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" />
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"); }); }); });
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; } ?>
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!