您现在的位置是：首页 >技术杂谈 >在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：

<button id="submitBtn">提交</button>

在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?

**

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

例如：

<button class="dynamic-btn" data-value="1">按钮1</button>
<button class="dynamic-btn" data-value="2">按钮2</button>
<button class="dynamic-btn" data-value="3">按钮3</button>

这里通过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中，即：

<button class="dynamic-btn btn-callback" data-value="1">按钮1</button>
<button class="dynamic-btn btn-callback" data-value="2">按钮2</button>
<button class="dynamic-btn btn-callback" data-value="3">按钮3</button>

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