使用 AJAX 将与按钮无关的数据发送到模态

Question

我有这个 Ajax 功能：

        $(document).ready(function() {
            $('.view_data2').click(function() {
                var employee_id2 = $(this).attr("id");

                $.ajax({
                    url: "includes/accomUser.inc.php",
                    method: "post",
                    data: {
                        employee_id2: employee_id2,
                        button_value: $(this).val() 
                    },
                    success: function(data) {
                        $('#employee_detail2').html(data);
                        $('#adddata2').modal("show");
                    }
                });

                $('#addmodal2').modal("show");
            });
        });

它获取此按钮属性（值和 ID）并通过 post:

将它们发送到模式

<button type="button" class="btn btn-outline-primary view_data2" id=" <?php echo $row['idFuncionarios']; ?>" value = "<?php echo $row['dia']; ?>" name = "envio">Ver</button>

现在，我需要获取一个与按钮无关的数据（$row['nomeDepartamento'];）：

<td><?php echo $row['nomeDepartamento']; ?></td>

并通过相同的 ajax 函数将其发送到模式。

我该怎么做？

谢谢！

Answer 1

这就是您的按钮的样子

<button data-field-name="<?php echo $row['nomeDepartamento']; ?>" type="button" class="btn btn-outline-primary view_data2" id="<?php echo $row['idFuncionarios']; ?>" value="<?php echo $row['dia']; ?>" name="envio">Ver</button>

并检索 $row['nomeDepartamento']; & 在点击函数声明变量后

var nomeDepartamento = $(this).attr("data-field-name");

并在 data:{} 中发送，并在成功更改 html 任何元素后发送 $("element").html(nomeDepartamento) 好了。

使用 AJAX 将与按钮无关的数据发送到模态

Send data that has nothing to do with button to modal using AJAX

php

ajax

post

modal-dialog