我想把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"是模态体标签内的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');
}