【问题标题】:How to send button value to PHP backend (POST) using ajax如何使用 ajax 将按钮值发送到 PHP 后端(POST)
【发布时间】:2021-02-22 23:56:56
【问题描述】:

我需要取这个按钮值:

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

并通过 POST 方法将其 ($row['dia']) 发送到后端。

我已经有了这个 ajax 函数,它获取按钮 id 并使用 POST 将其发送到我想要的相同 url!

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

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

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

我该怎么做?

谢谢!

【问题讨论】:

    标签: php html ajax post backend


    【解决方案1】:

    您可以使用此代码通过 POST 将按钮的值发送到后端

    $('.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() // $(this).val() will return value attribute
            },
            success: function(data) {
                $('#employee_detail2').html(data);
                $('#adddata2').modal("show");
            }
        });
    
        $('#addmodal2').modal("show");
    });
    

    【讨论】:

    • 谢谢你,詹姆斯。有效!有时候我就是想不通这么简单的事情!如果我想发送像我前端显示的值:像 <td><?php echo $row['nomeDepartamento']; ?> </td> 与按钮无关,我将如何通过相同的 ajax 发送它?感谢您的帮助!
    • 你应该使用
      来包围代码,然后你可以使用 然后将按钮类型更改为提交,并使用jQuery处理on submit函数,您可以使用$(this).serializeArray()获取表单内的所有值。
    猜你喜欢
    • 1970-01-01
    • 2020-09-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-17
    • 1970-01-01
    相关资源
    最近更新 更多