Javascript 从HTML页面写入MySQL数据库

Javascript 从HTML页面写入MySQL数据库,javascript,php,html,mysql,bootstrap-4,Javascript,Php,Html,Mysql,Bootstrap 4,我的目标是通过一个引导切换按钮在MySQL数据库上写“是”或“否”。 我知道JavaScript是客户端的,所以我找到了一种方法(但不确定是最好的)从JavaScript收集变量并将其传递到PHP文件,该文件将在DB上编写。 我的相关代码如下,但如果我尝试,什么也不会发生。 我想在我的JavaScript代码中,我必须调用“function saveStato”,但我不知道用哪种方式 $(function() { $('.inServizio').change(function() {

我的目标是通过一个引导切换按钮在MySQL数据库上写“是”或“否”。 我知道JavaScript是客户端的,所以我找到了一种方法(但不确定是最好的)从JavaScript收集变量并将其传递到PHP文件,该文件将在DB上编写。 我的相关代码如下,但如果我尝试,什么也不会发生。 我想在我的JavaScript代码中,我必须调用“function saveStato”,但我不知道用哪种方式

$(function() {
    $('.inServizio').change(function() {
        if($(this).prop('checked')){
        console.log('TEST_ON')
        function saveStato() {
            $.post("inServizio.php",
            {
            stato: $("SI").val(),
            },
        function(data,status){
            document.getElementById("saveWarningText").innerHTML = data;
            $( "#saveWarningText" ).fadeIn(100);
            setTimeout(function(){ $( "#saveWarningText" ).fadeOut(100); 
            }, 3000);
            });
        
        }
        } else {
            
               console.log('TEST_OFF')
         }

        //$(this).prop('checked')
    })
}); 

您可以在更改侦听器外部定义它,并使用

saveStato();
或者干脆把函数全部去掉,然后

$('.inServizio').change(function() {
    if($(this).prop('checked')){
        console.log('TEST_ON')
    
        $.post("inServizio.php",{stato: $("SI").val()},function(data,status){
            document.getElementById("saveWarningText").innerHTML = data;
            $( "#saveWarningText" ).fadeIn(100);
            setTimeout(function(){ $( "#saveWarningText" ).fadeOut(100); }, 3000);
        });
    
    } else { 
        //rest of your code
    }