如何使用 AJAX 在按钮点击时调用 PHP 函数？

如何利用 AJAX 在按钮点击时触发 PHP 函数

在您的场景中，您尝试在按钮点击时执行 PHP 函数在“functioncalling.php”页面上。但是，您在渲染输出时遇到了问题。这是因为PHP函数无法通过HTML表单提交直接调用。您需要使用 Ajax 来弥补这一差距。

修订的 HTML 标记和 jQuery 代码

更新您的 HTML 标记，如下所示：

<input type="submit" class="button" name="insert" value="insert" />
<input type="submit" class="button" name="select" value="select" />

接下来，添加以下 jQuery代码：

$(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");
    });
  });
});

“ajax.php”文件

使用以下代码创建“ajax.php”文件：

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

理解 AJAX机制

当用户单击任何按钮时，jQuery 代码会触发对“ajax.php”的 AJAX 请求。 “action”参数包含单击按钮的值（“插入”或“选择”）。 “.post()”方法将此数据发送到“ajax.php”，后者根据“action”值执行相应的 PHP 函数。 PHP 函数的输出被捕获并在您的响应 div 中正确显示。

以上是如何使用 AJAX 在按钮点击时调用 PHP 函数？的详细内容。更多信息请关注PHP中文网其他相关文章！