不使用 $_POST 或 $_GET 将复选框值发送到 MySQL 数据库 [关闭]答案

【问题标题】：Send checkbox value to MySQL database without using $_POST or $_GET [closed]不使用 $_POST 或 $_GET 将复选框值发送到 MySQL 数据库 [关闭]
【发布时间】：2021-01-10 04:52:37
【问题描述】：

我正在尝试在不使用 $_POST 和 $_GET 的情况下将我的复选框值发送到数据库。

我有三个复选框：


              <div class="form-check">
                <input type="checkbox" class="form-check-input" id="gestao" name = "gestao" value = "gestao">
                <label class="form-check-label" for="materialUnchecked">Gestão</label>
              </div>
              <div class="form-check">
                <input type="checkbox" class="form-check-input" id="risco" name = "risco" value = "risco">
                <label class="form-check-label" for="materialUnchecked">Risco</label>
              </div>
              <div class="form-check">
                <input type="checkbox" class="form-check-input" id="TOC" name = "TOC" value = "toc">
                <label class="form-check-label" for="materialUnchecked">TOC</label>
              </div>

当我单击它们时，我想将值发送到 mySQL 数据库，然后检索它（因此复选框保持按下状态）。我已经使用 $_POST 方法完成了它，但我希望用户只需按下复选框，然后将其插入表中。

感谢您的帮助！

【问题讨论】：

您正在寻找ajax，它会将请求发送到后端服务器以进行处理，而无需重新加载页面。您可以使用许多库来发送 ajax 请求，所以我不会在这里推荐一个，但这可能是您所追求的
如果我们想要挑剔，即使 AJAX 也会使用 post 或 get 方法。
但我还是得有个按钮，不是吗？
不一定没有。您可以（例如）检测复选框值何时更改，并从该事件触发 AJAX 请求。附言（使用 AJAX 仍然需要在服务器端使用 $_POST 或 $_GET - 它仍然是 HTTP 请求，这是您可以从浏览器与服务器和数据库通信的唯一方式。我认为您可能真正的意思是“不刷新整个页面”？）
基本上，你需要学习如何在 JavaScript 中使用 AJAX。寻找教程。

标签： php mysql bootstrap-4

【解决方案1】：

如果您正在寻找无需重新加载页面即可向后端服务器发送请求的 ajax。

$(document).on('click', '#gestao, #risco, #TOC', function(){
    var gestao = $('#gestao').is(':checked') ? $('#gestao').val() : false;
    var risco= $('#risco').is(':checked') ? $('#risco').val() : false;
    var TOC= $('#TOC').is(':checked') ? $('#TOC').val() : false;

    $.post(URL, {
        gestao : gestao,
        risco  : risco,
        TOC    : TOC
    }, function(response){ 
       //Response from backend server
    })
});

更多参考，请查看https://api.jquery.com/jquery.post

【讨论】：