如何在不重新加载页面的情况下通过单击按钮调用 PHP 函数？

通过按钮点击调用 PHP 函数：指南

在本文中，我们探讨 PHP 开发人员面临的常见挑战：调用 PHP 函数单击按钮时。我们将提供有效解决此问题的分步指南。

问题

当尝试在单击按钮时执行 PHP 函数时，有一个可能导致没有任何输出的陷阱：仅依赖 HTML 表单提交。如果没有其他措施，这种方法将无法执行所需的功能。

解决方案：AJAX 来救援

为了弥合 HTML 和 PHP 之间的差距，我们将介绍 Ajax（异步 JavaScript 和 XML）。 Ajax 允许我们在不重新加载页面的情况下发出 HTTP 请求，从而实现客户端和服务器之间的通信。

第 1 步：修改 HTML 标记

将现有的提交按钮更改为>

<input type="submit">

第 2 步：介绍jQuery

将 jQuery 加载到页面中并为“.button”元素定义单击事件处理程序。在处理程序中，捕获按钮的值并向指定的 PHP 脚本 ajax.php 发出 Ajax post 请求。

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

第 3 步：处理 Ajax 请求

在ajax.php中，我们将使用switch语句来区分插入和选择操作，调用相应的函数。我们还将回显结果以显示在页面上。

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

享受动态 PHP 函数调用

通过采用这种基于 Ajax 的方法，您现在可以单击按钮时调用 PHP 函数，并在同一页面上无缝显示结果。利用 Ajax 的强大功能来增强用户交互并实现响应灵敏的动态 Web 体验。

以上是如何在不重新加载页面的情况下通过单击按钮调用 PHP 函数？的详细内容。更多信息请关注PHP中文网其他相关文章！