单击多次执行的模态按钮代码（JQuery-JavaScript）[关闭]答案

【问题标题】：When click on modal button code executed many times ( JQuery - JavaScript ) [closed]单击多次执行的模态按钮代码（JQuery-JavaScript）[关闭]
【发布时间】：2020-05-22 01:41:37
【问题描述】：

我有问题

当我单击模态按钮时，其中的代码执行了很多次，例如，如果我单击模态按钮一次，则代码执行一次，如果我单击模态按钮两次，则代码执行两次等等.. .

我使用 JQuery

模态 HTML

<div class="modal fade" id="CONFIRM_mdModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="defaultModalLabel">Confirm</h4>
            </div>
            <div class="modal-body" id="CONFIRM_MODAL_MESSAGE">

                Confirm Message

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link waves-effect" id="Confirm_btn_YES">Yes</button>
                <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>
</div>

Java 脚本代码

$(document).ready(function() {
  $("#ADD_BTN").click(function() {
    if ($("#CODE").val() != '' && $("#INTTL").val() != '') {
      $.ajax({
        type: 'POST',
        url: '/Admin/IsFlExist',
        datatype: JSON,
        data: {
          'CODE': $("#CODE").val(),
          'INTTL': $("#INTTL").val()
        },
        success: function(data) {
          if (data.IsExist == "true") {
            showNotification("bg-orange", "xxxxx", "top", "right", "animated bounceInRight", "animated bounceOutRight");
          } else {
            Show_Confirm_Modal("Confirm", "xxxxx");
            $("#Confirm_btn_YES").one('click', function() {
              $("#form_validation").submit();
              $('#CONFIRM_mdModal').modal('hide');
            });
          }
        },
        error: function() {
          alert("Error");
        }
      });
    } else {
    }
  });
});

我用来显示模态的函数

    function Show_Confirm_Modal(TITLE, MESSAGE)
    {

        var color = "teal";
        $('#CONFIRM_mdModal .modal-content').removeAttr('class').addClass('modal-content modal-col-' + color);
        $("#defaultModalLabel").empty().append(TITLE);
        $("#CONFIRM_MODAL_MESSAGE").empty().append(MESSAGE);
        $('#CONFIRM_mdModal').modal('show');

    }

请我执行一次 FORM.Submit 一次，非常感谢。

注意：我在这里看到所有关于这个问题的问题，但没有人帮助我。

【问题讨论】：

一个常见的原因是在另一个事件处理程序中添加了一个事件处理程序。但我在你的代码中看不到这一点。是否还有更多代码没有显示？
datatype: JSON, 应该是 datatype: 'JSON',
.empty().append(TITLE) 可以更简单地写成.html(TITLE)
非常感谢兄弟，问题可能在 JSON 中应该是“JSON”

标签： javascript html jquery asp.net-mvc

【解决方案1】：

我的问题是JSON应该是'JSON'，这对我有帮助

谢谢大家

【讨论】：

我不明白这会如何导致双重执行。它应该只会导致错误。