不使用$ _POST或$ _GET将复选框值发送到MySQL数据库

时间:2020-09-23 22:44:50

标签: php mysql bootstrap-4

我试图不使用$_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方法完成了此操作,但是我希望用户只按一下复选框,然后将其插入表中即可。

感谢您的帮助!

1 个答案:

答案 0 :(得分: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