在fastadmin中，后台的 html 和js如何获取button值发送给php控制器

在fastadmin中，后台的 aaa.js 文件内的 “$(document).on(‘click’, ‘.btn-callback’, function (data) ” 获取aaa.html 模板中的一个button的动态值，那么这个button要怎么写？然后才能点击aaa.html的button后，通过aaa.js的按钮将button的动态值传送给aaa.php控制器处理？

在aaa.html模板中的button要设置一个id或class，以便在aaa.js文件中可以获取到。

例如，设置id为submitBtn：

提交

在aaa.js中，可以通过以下代码获取并处理该按钮的值：

$(document).on('click', '.btn-callback', function () {    var btnValue = $('#submitBtn').val();    // 将按钮的值通过ajax请求发送给aaa.php控制器进行处理    $.ajax({        url: 'aaa.php',        type: 'post',        data: {value: btnValue},        success: function (res) {            console.log(res);        },        error: function (xhr) {            console.log(xhr.responseText);        }    });});

在aaa.php控制器中，可以通过以下代码获取并处理该按钮的值：

$value = input('post.value');// 处理$value的逻辑

注意：需要将aaa.html中的button放在aaa.js中的.btn-callback的范围内，即：

$(document).on('click', '.btn-callback', function () {    // 获取并处理按钮的值    var btnValue = $('#submitBtn').val();    // 其他逻辑});

这样才能保证在点击.btn-callback按钮时，能够获取到submitBtn按钮的值。

**

在上面的问题中，如果每一个button点击后获取到的button自身带的参数都不相同要怎么写这个button?

**

如果每个按钮的参数不相同，需要在每个按钮中设置不同的参数值。

例如：

按钮1按钮2按钮3

这里通过data-value属性来存储不同的参数值。

然后在aaa.js中，可以通过以下代码获取并处理按钮的参数：

$(document).on('click', '.btn-callback', function () {    // 获取并处理按钮的参数值    var btnValue = $(this).data('value');    // 其他逻辑});

这里使用了$(this)来获取当前点击的按钮的参数值，然后将其传递给aaa.php控制器进行处理。

在aaa.php中，可以通过以下代码获取和处理按钮的参数：

$value = input('post.value');// 处理$value的逻辑

注意：在aaa.js中，通过.btn-callback选择器来绑定点击事件，所以需要将这个选择器添加到每个动态按钮的class中，即：

按钮1按钮2按钮3

这样才能保证每个动态按钮都可以触发.btn-callback绑定的click事件，并且可以获取到自己的参数值。

来源地址：https://blog.csdn.net/weixin_33557724/article/details/130961282