快读快写：fastadmin中用ajax调用自定义控制器

2023-05-02 16:32:43

在 FastAdmin 中使用自定义按钮执行控制器方法的 Ajax 传值

简介

FastAdmin 是一种强大的 PHP 后端管理框架，它提供了丰富的功能和灵活的定制选项。在某些情况下，您可能需要在自定义按钮中使用 Ajax 传递数据并触发控制器方法。本文将深入探讨如何在 FastAdmin 中实现这一目标，并提供详细的步骤和示例。

定义控制器方法

首先，您需要定义一个控制器方法来处理 Ajax 请求。此方法应接受从自定义按钮传递的数据并执行相应操作。

class AdminController extends \app\admin\Controller
{
    public function method()
    {
        $data = input(); // 接收 POST 数据
        
        // 处理数据并执行操作

        // 返回结果
        return json($data);
    }
}

创建自定义按钮并添加 Ajax 事件

接下来，创建自定义按钮并为其添加 Ajax 事件。这个按钮将触发 Ajax 请求，并将数据传递到控制器方法。

<button type="button" id="my-button" class="btn btn-primary">
    <i class="fa fa-check"></i>
    提交
</button>

使用以下 JavaScript 代码为按钮添加 Ajax 事件：

$('#my-button').click(function() {
    $.ajax({
        url: '/admin/controller/method', // 替换为实际的控制器和方法名称
        data: {
            // 在此处添加要传递的数据
        },
        type: 'POST',
        success: function(result) {
            // 处理 Ajax 请求的成功响应
            console.log(result);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            // 处理 Ajax 请求的错误响应
            console.error(errorThrown);
        }
    });
});

处理 Ajax 请求的响应

控制器方法处理 Ajax 请求并返回响应后，您需要在 Ajax 请求成功回调函数中处理该响应。

$('#my-button').click(function() {
    $.ajax({
        url: '/admin/controller/method',
        data: {
            // 在此处添加要传递的数据
        },
        type: 'POST',
        success: function(result) {
            // 处理 Ajax 请求的成功响应
            console.log(result);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            // 处理 Ajax 请求的错误响应
            console.error(errorThrown);
        }
    });
});