javascript - bootstrap 切换点击并显示数据 3 次时出错

Question

当我单击切换时，我在 Bootstrap togle中出现一些错误，它看起来不错，但如果在控制台日志切换中显示，例如单击3次。我尝试将toggle 与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">

我正在 fiddle 中尝试这段代码。没有问题。