调用后端api时mvc弹窗保持打开状态

Question

我正在做MVC应用程序。在页面中，我有一个打开弹出窗口的按钮。弹出窗口是这样的

<div class="modal fade" id="exampleModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="addUpdateModalModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="padding-bottom: 0px;">
                <h5 class="modal-title custom-model-title-dependent" id="ModalLabel">Mark Acceptable</h5>
                <button type="button" class="btn-close" data-mdb-dismiss="modal" onclick="Dispose()" aria-label="Close"></button>
            </div>
            <div id="dvOperation">
            </div>
            <div class="col-md-11 text-start mt-2 mx-1" style="display: flex; flex-wrap: wrap;">
                <div class="modal-body" style="padding-top: 0px;">
                    <p class="disability-font-16" style="text-align: justify; font-weight: 400; max-width: 100%; padding-top: 8px">
                        Marking this coverage configuration as acceptable will permanently remove it from this report. Proceed?
                    </p>
                </div>
            </div>
            <div class="modal-footer" Style="padding-right:3rem">
                <button type="button" class="btn btn-sm btn-secondary btn-light" onclick="Dispose(), Continue()">
                    <span class="t-trash icon icon-sm"></span>Cancel
                </button>
                <button data-bs-toggle="modal" data-bs-target="#PageWaiting" onclick=" Continue()" type="button" class="btn btn-sm btn-primary btn-relative" id="saveCoverage">
                    <span class="t-save icon icon-sm"></span>OK
                </button>
            </div>
        </div>
    </div>
</div>

当我单击“确定”按钮时，我将调用一个 javascript 函数，该函数对服务器执行 Ajax 调用。

在那一刻，窗口关闭。我需要它保持打开状态才能发布消息。 我也尝试用

$('#exampleModal').modal('show');

再次打开它，但窗口似乎会打开和关闭。

如何让窗户保持打开状态？

这是我的javascript函数

 function Continue() {
      $.ajax(
      {
          type: "GET",
              data: {id: 123},
          headers: {
          },
          url: '@Url.Action("method", "Controller")',
              success: function (result) {
                  if (result.success) { 
                // do something
                  }
          },
              error: function (req, status, error) {
              }
          });
 }

Answer 1

（这可能是评论而不是答案，但我还没有足够的声誉）

那么您的问题是它关闭了弹出窗口？检查您的代码后，也许这不是问题，但尝试停止冒泡，也许除了您共享的代码之外我看不到一些东西。

<button data-bs-toggle="modal" data-bs-target="#PageWaiting" onclick=" Continue(event)" type="button" class="btn btn-sm btn-primary btn-relative" id="saveCoverage">
                <span class="t-save icon icon-sm"></span>OK
            </button>

function Continue(e) {
  $.ajax(
  {
      type: "GET",
          data: {id: 123},
      headers: {
      },
      url: '@Url.Action("method", "Controller")',
          success: function (result) {
              if (result.success) { 
            // do something
              }
      },
          error: function (req, status, error) {
          }
      }); 
e.preventDefault(); 
}