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

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

Susan Sarandon
发布: 2024-12-10 13:57:11
原创
391 人浏览过

How Can I Execute PHP Functions with a Button Click Using AJAX?

单击按钮时调用 PHP 函数

要在单击按钮时调用 PHP 函数,我们需要使用 Ajax,如解决方案如下:

已修改标记:

将按钮标记更新为如下:

<input type="submit">
登录后复制

jQuery:

$(document).ready(function() {
    $('.button').click(function() {
        var clickBtnValue = $(this).val();
        var ajaxurl = 'ajax.php';
        var data = { 'action': clickBtnValue };
        $.post(ajaxurl, data, function(response) {
            // Response div goes here.
            alert("action performed successfully");
        });
    });
});
登录后复制

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;
}
?>
登录后复制

说明:

  • 修改后的按钮标记向两个按钮添加了“button”类,使它们与 jQuery 兼容。
  • 单击任何具有“button”类的按钮时,jQuery 代码会触发 Ajax 调用。
  • Ajax 请求将单击的按钮的值发送到 ajax.php 文件。
  • 在 ajax.php 中,我们根据收到的操作处理操作 价值。它调用相应的 insert() 或 select() 函数,打印输出,然后退出脚本。
  • 当 Ajax 调用成功时,ajax.php 的响应将被丢弃,并显示一条警报消息在调用页面上。

请注意,此技术是异步的。单击按钮后,会在后台发送 Ajax 请求,只有收到服务器的响应后才会执行操作。

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板