javascript - 我想将来自 jquery $.ajax() 方法的响应放到 Bootstrap 弹出窗口模态中的目标

Question

我正在使用 jquery .ajax() 函数调用 ActionMehod，并希望将响应放入 Bootstrap PopupModal 中定义的目标 DIV 标记中。

$.ajax({
    type: "GET",
    data: { "id": idVal },
    contentType : "application/json",
    url: '@Url.Action("GetAssetCalcert", "SiteReport")',
    target: "#popupModel",
    success: ShowPopup()
});

function ShowPopup() {
    $('#myModal').modal('show')
    $("#loadCalcert").attr('data-toggle', 'modal');
}

这里的"#myModal"是BootstrapModal的Id，"#popupModel"是modal-body标签内的DivID。

这实际上使对 actionMethod 的调用成功，并且我在成功执行 console.log(data) 时得到确认的 HTML 响应。但是打开一个空的 popupModal 并且不呈现接收到的内容。

我在这里错过了什么？

Answer 1

如果你想将它放入模态，你必须将成功的返回值传递给函数:

$.ajax({
    type: "GET",
    data: { "id": idVal },
    contentType : "application/json",
    url: '@Url.Action("GetAssetCalcert", "SiteReport")',
    target: "#popupModel",
    success: function(result) { 
      ShowPopup(result);
    }
});

function ShowPopup(result) {
    $('#myModal').html($(result).text());
    $('#myModal').modal('show')
    $("#loadCalcert").attr('data-toggle', 'modal');
}