如何使用AJAX加载引导模式称为数据

Question

我的剃刀语法

@foreach(var item in Model) 
{ 
         <td>@item.email</td> 
         <td><a href ="javascript:void(0);"onclick="Getinfo(this)" data-assigned-id="@item.email" ></a>@item.lastaccessdate</td> 

} 

这是我使用摆脱控制器的数据，然后绑定数据表选项卡中的JavaScript的

function Getinfo(elem) 
{ 
    var email = $(elem).data('assigned-id'); 
    $.get('/Home/GetDetails', { email: email }, function (data) { grid(data); }); 

} 
function grid(abc) 
{ 
    var tab = "<table class='table'>"; 
    tab += "<thead>"; 
    tab += "<tr>"; 
    tab += "<th>Name</th>"; 
    tab += "<th>Login</th>"; 
    tab += "<th>Username</th>"; 
    tab += "</tr>"; 
    tab += "</thead>"; 
    tab += "<tbody>"; 
    for (var it in abc) 
    { 
     tab += "<tr>"; 
     tab += "<td>" + abc[it].Name + "</td>"; 
     tab += "<td>" + abc[it].login + "</td>"; 
     tab += "<td>" + abc[it].username + "</td>"; 
     tab += "</tr>"; 
    } 
    tab += "</tbody>"; 
    tab += "</table>"; 
} 

现在我如何将这个数据绑定到twitter引导模式弹出？ 在此先感谢。

Answer 1

我通常有一个隐藏的模式。 当我得到的数据，我会影响从服务器收到的html身体。

<div class="modal fade" id="alertModal" tabindex="-1" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content modal-xl"> 
     <div class="modal-header" style="text-align: center"> 
      <h1>Something something Dark Side</h1> 
     </div> 
     <div class="modal-body modal-scroll" id="alertModalBody"></div> 
     <div class="modal-footer"></div> 
    </div> 
    </div> 
</div> 

对于你的情况是这样的：

function grid(abc) 
{ 
    var tab = "<table class='table'>"; 
    // ... More string appends 

    $('alertModalBody').html(tab); 
    $("#alertModal").modal('show'); 
}