首页 >后端开发 >php教程 >如何使用 AJAX 通过单击按钮来执行 PHP 函数?

如何使用 AJAX 通过单击按钮来执行 PHP 函数?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-04 21:00:16886浏览

How Can I Execute PHP Functions with Button Clicks Using AJAX?

单击按钮时执行 PHP 函数

您已经创建了一个 PHP 页面,其中包含两个旨在调用特定函数的按钮,但您没有得到预期的输出。问题在于您使用的方法。

要在单击按钮时正确执行 PHP 函数,您需要利用 Ajax 在页面和服务器之间进行异步通信。这是代码的修改版本,其中包含 Ajax:

修改标记:

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

aja x.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;
    }
?>

说明:

  • click() 事件用于捕获按钮点击。
  • 单击按钮时,相应的函数名称将作为 Ajax 请求中的操作值传递。
  • ajax.php 脚本,其中包含函数定义,使用 $.post() 异步调用。
  • 服务器端脚本执行该函数后,会收到响应并发出警报消息
  • exit 语句可防止服务器端脚本在函数调用后执行进一步的代码,确保不会多次发送响应。

采用这种方法,当您点击“插入”或“选择”按钮,相应的功能将被执行,您将看到一条指示成功执行的警报消息。

以上是如何使用 AJAX 通过单击按钮来执行 PHP 函数?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn