引导切换点击并显示数据3次时出错

Question

当我点击切换它看起来不错，但在控制台日志中显示时，如果点击3次，我在自举toogle时出现了一些错误。我尝试将切换与http.get结合使用。我这样的代码

<input id="toggle-two" type="checkbox" data-toggle="toggle" data-width="100"> 
     <script> 
        $(function() { 
         $('#toggle-two').bootstrapToggle({ 
         on: 'Lock', 
         off: 'Unlock' 
         }) 
         .on('change', function() { 
         var Checked_or_not = this.checked, 
          tN = Checked_or_not ? 'rlock' : 'runlock'; 
         $.ajax({ 
          url: 'http://localhost/web.php?tN='+ tN +'&f00=123456789', 
          data: { checked: Checked_or_not }, 
          success: function() { 
             console.log(tN); 
             } 
          }); 
         }); 
        }); 
        </script> 

，这是控制台日志当我点击切换一次，但数据显示3次

runlock 
rlock 
rlock 

我不知道如何解决它，请帮我解决我的问题 感谢

Answer 1

    $(function() { 
 
         $('#toggle-two').bootstrapToggle({ 
 
         on: 'Lock', 
 
         off: 'Unlock' 
 
         }) 
 
         .on('change', function() { 
 
         var Checked_or_not = this.checked, 
 
          tN = Checked_or_not ? 'rlock' : 'runlock'; 
 
         $.ajax({ 
 
          url: 'https://getbootstrap.com/?tN='+ tN +'&f00=123456789', 
 
          data: { checked: Checked_or_not }, 
 
          success: function() { 
 
             console.log(tN); 
 
             }, 
 
             always:function(){ 
 
             console.log(tN); 
 
             } 
 
          }); 
 
         }); 
 
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"/> 
 
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 
 

 
<input id="toggle-two" type="checkbox" data-toggle="toggle" data-width="100">

我在小提琴中尝试此代码。没有问题。