我想把jquery $ .ajax（）方法的响应放到bootstrap popup Modal里面的目标<div>

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');
}